diff --git a/public/locales/en-GB/app.json b/public/locales/en-GB/app.json index 00cc462f..471c36ec 100644 --- a/public/locales/en-GB/app.json +++ b/public/locales/en-GB/app.json @@ -61,6 +61,7 @@ "password": "Password", "preferences": "Preferences", "profile": "Profile", + "reaction": "Reaction", "search": "Search", "settings": "Settings", "something_went_wrong": "Something went wrong", diff --git a/src/reactions/ReactionIndicator.tsx b/src/reactions/ReactionIndicator.tsx index 2b22d854..1e758885 100644 --- a/src/reactions/ReactionIndicator.tsx +++ b/src/reactions/ReactionIndicator.tsx @@ -7,9 +7,9 @@ Please see LICENSE in the repository root for full details. import { PropsWithChildren, ReactNode } from "react"; import classNames from "classnames"; -import "@formatjs/intl-durationformat/polyfill"; import styles from "./ReactionIndicator.module.css"; +import { useTranslation } from "react-i18next"; export function ReactionIndicator({ emoji, @@ -19,6 +19,7 @@ export function ReactionIndicator({ miniature?: boolean; emoji: string; }>): ReactNode { + const { t } = useTranslation(); return (
- + {emoji}
diff --git a/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap b/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap index 91bde280..db3e4b85 100644 --- a/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap +++ b/src/reactions/__snapshots__/RaisedHandIndicator.test.tsx.snap @@ -8,7 +8,7 @@ exports[`RaisedHandIndicator > renders a smaller indicator when miniature is spe class="reaction" > ✋ @@ -28,7 +28,7 @@ exports[`RaisedHandIndicator > renders an indicator when a hand has been raised class="reaction reactionLarge" > ✋ @@ -48,7 +48,7 @@ exports[`RaisedHandIndicator > renders an indicator when a hand has been raised class="reaction reactionLarge" >