Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-08-29 21:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixup shortcuts

Browse Source
This commit is contained in:
Half-Shot
2024-11-14 17:26:42 +00:00
parent a7221b3ed7
commit f3b1477ef0
2 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/locales/en-GB/app.json
View File

@@ -9,12 +9,12 @@
"edit": "Edit", "edit": "Edit",
"go": "Go", "go": "Go",
"invite": "Invite", "invite": "Invite",
"lower_hand": "Lower hand", "lower_hand": "Lower hand ({{keyboardShortcut}})",
"no": "No", "no": "No",
"open_search": "Open search", "open_search": "Open search",
"pick_reaction": "Pick reaction", "pick_reaction": "Pick reaction",
"raise_hand": "Raise hand", "raise_hand": "Raise hand ({{keyboardShortcut}})",
"raise_hand_or_send_reaction": "Raise hand or send reaction ({{keyboardShortcut}})", "raise_hand_or_send_reaction": "Raise hand or send reaction",
"register": "Register", "register": "Register",
"remove": "Remove", "remove": "Remove",
"sign_in": "Sign in", "sign_in": "Sign in",

14
src/button/ReactionToggleButton.tsx
View File

@@ -47,17 +47,12 @@ const InnerButton: FC<InnerButtonProps> = ({ raised, open, ...props }) => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Tooltip <Tooltip label={t("action.raise_hand_or_send_reaction")}>
label={t("action.raise_hand_or_send_reaction", { keyboardShortcut: "H" })}
>
<CpdButton <CpdButton
className={classNames(raised && styles.raisedButton)} className={classNames(raised && styles.raisedButton)}
aria-expanded={open} aria-expanded={open}
aria-haspopup aria-haspopup
aria-keyshortcuts="H" aria-label={t("action.raise_hand_or_send_reaction")}
aria-label={t("action.raise_hand_or_send_reaction", {
keyboardShortcut: "H",
})}
kind={raised || open ? "primary" : "secondary"} kind={raised || open ? "primary" : "secondary"}
iconOnly iconOnly
Icon={raised ? RaisedHandSolidIcon : ReactionIcon} Icon={raised ? RaisedHandSolidIcon : ReactionIcon}
@@ -119,7 +114,9 @@ export function ReactionPopupMenu({
}, },
[sendReaction, filteredReactionSet, canReact, setIsSearching], [sendReaction, filteredReactionSet, canReact, setIsSearching],
); );
const label = isHandRaised ? t("action.lower_hand") : t("action.raise_hand"); const label = isHandRaised
? t("action.lower_hand", { keyboardShortcut: "H" })
: t("action.raise_hand", { keyboardShortcut: "H" });
return ( return (
<> <>
{errorText && ( {errorText && (
@@ -136,6 +133,7 @@ export function ReactionPopupMenu({
<Tooltip label={label}> <Tooltip label={label}>
<CpdButton <CpdButton
kind={isHandRaised ? "primary" : "secondary"} kind={isHandRaised ? "primary" : "secondary"}
aria-keyshortcuts="H"
aria-pressed={isHandRaised} aria-pressed={isHandRaised}
aria-label={label} aria-label={label}
onClick={() => toggleRaisedHand()} onClick={() => toggleRaisedHand()}