From 2ee468ba44712bc2194b3f6d7612680635ddd9ef Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Tue, 19 Nov 2024 09:56:46 -0500
Subject: [PATCH] Update icon and label of reactions button

They've been updated in the designs.
---
 locales/en-GB/app.json              | 2 +-
 src/button/ReactionToggleButton.tsx | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/locales/en-GB/app.json b/locales/en-GB/app.json
index 9366ecd0..0b9142d2 100644
--- a/locales/en-GB/app.json
+++ b/locales/en-GB/app.json
@@ -12,7 +12,6 @@
     "no": "No",
     "pick_reaction": "Pick reaction",
     "raise_hand": "Raise hand",
-    "raise_hand_or_send_reaction": "Raise hand or send reaction",
     "register": "Register",
     "remove": "Remove",
     "show_less": "Show less",
@@ -62,6 +61,7 @@
     "preferences": "Preferences",
     "profile": "Profile",
     "reaction": "Reaction",
+    "reactions": "Reactions",
     "settings": "Settings",
     "something_went_wrong": "Something went wrong",
     "unencrypted": "Not encrypted",
diff --git a/src/button/ReactionToggleButton.tsx b/src/button/ReactionToggleButton.tsx
index 1c049497..f203947e 100644
--- a/src/button/ReactionToggleButton.tsx
+++ b/src/button/ReactionToggleButton.tsx
@@ -8,9 +8,9 @@ Please see LICENSE in the repository root for full details.
 import { Button as CpdButton, Tooltip, Alert } from "@vector-im/compound-web";
 import {
   RaisedHandSolidIcon,
-  ReactionIcon,
   ChevronDownIcon,
   ChevronUpIcon,
+  ReactionSolidIcon,
 } from "@vector-im/compound-design-tokens/assets/web/icons";
 import {
   ComponentPropsWithoutRef,
@@ -47,15 +47,14 @@ const InnerButton: FC<InnerButtonProps> = ({ raised, open, ...props }) => {
   const { t } = useTranslation();
 
   return (
-    <Tooltip label={t("action.raise_hand_or_send_reaction")}>
+    <Tooltip label={t("common.reactions")}>
       <CpdButton
         className={classNames(raised && styles.raisedButton)}
         aria-expanded={open}
         aria-haspopup
-        aria-label={t("action.raise_hand_or_send_reaction")}
         kind={raised || open ? "primary" : "secondary"}
         iconOnly
-        Icon={raised ? RaisedHandSolidIcon : ReactionIcon}
+        Icon={raised ? RaisedHandSolidIcon : ReactionSolidIcon}
         {...props}
       />
     </Tooltip>