diff --git a/app/assets/images/boost.svg b/app/assets/images/boost.svg
new file mode 100644
index 000000000..e97290aa8
--- /dev/null
+++ b/app/assets/images/boost.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/stylesheets/icons.css b/app/assets/stylesheets/icons.css
index c53d9ce5f..5b3409c76 100644
--- a/app/assets/stylesheets/icons.css
+++ b/app/assets/stylesheets/icons.css
@@ -33,6 +33,7 @@
.icon--bolt { --svg: url("bolt.svg "); }
.icon--bookmark-outline { --svg: url("bookmark-outline.svg "); }
.icon--bookmark { --svg: url("bookmark.svg "); }
+ .icon--boost { --svg: url("boost.svg "); }
.icon--camera { --svg: url("camera.svg "); }
.icon--caret-down { --svg: url("caret-down.svg "); }
.icon--check { --svg: url("check.svg "); }
diff --git a/app/javascript/controllers/reaction_emoji_controller.js b/app/javascript/controllers/reaction_emoji_controller.js
index e3e61ca58..2d2d5bbca 100644
--- a/app/javascript/controllers/reaction_emoji_controller.js
+++ b/app/javascript/controllers/reaction_emoji_controller.js
@@ -7,5 +7,6 @@ export default class extends Controller {
const emojiChar = event.target.getAttribute("data-emoji")
const value = this.inputTarget.value
this.inputTarget.value = `${value}${emojiChar}`
+ this.inputTarget.focus()
}
}
diff --git a/app/views/cards/comments/reactions/_reactions.html.erb b/app/views/cards/comments/reactions/_reactions.html.erb
index dde2d18fd..5ed4cfaf1 100644
--- a/app/views/cards/comments/reactions/_reactions.html.erb
+++ b/app/views/cards/comments/reactions/_reactions.html.erb
@@ -8,7 +8,7 @@
<%= link_to new_card_comment_reaction_path(comment.card, comment), role: "button",
class: "reactions__trigger btn btn--circle borderless", action: "soft-keyboard#open",
data: { turbo_frame: dom_id(comment, :new_reaction), action: "dialog#close" } do %>
- <%= icon_tag "reaction" %>
+ <%= icon_tag "boost" %>
Add your own reaction
<% end %>
<% end %>