Add toggle for raise hand.

This commit is contained in:
Half-Shot
2024-11-08 12:06:29 +00:00
parent 230c85e513
commit 688e7a12b4

View File

@@ -117,15 +117,15 @@ export function ReactionPopupMenu({
}, },
[sendReaction, filteredReactionSet, canReact, setIsSearching], [sendReaction, filteredReactionSet, canReact, setIsSearching],
); );
const label = isHandRaised ? t("common.raise_hand") : t("common.lower_hand");
return ( return (
<div className={styles.reactionPopupMenu}> <div className={styles.reactionPopupMenu}>
<section className={styles.handRaiseSection}> <section className={styles.handRaiseSection}>
<Tooltip label={t("common.raise_hand")}> <Tooltip label={label}>
<CpdButton <CpdButton
kind={isHandRaised ? "primary" : "secondary"} kind={isHandRaised ? "primary" : "secondary"}
aria-pressed={isHandRaised} aria-pressed={isHandRaised}
aria-label="Toggle hand raised" aria-label={label}
onClick={() => toggleRaisedHand()} onClick={() => toggleRaisedHand()}
iconOnly iconOnly
Icon={RaisedHandSolidIcon} Icon={RaisedHandSolidIcon}