lint

src/room/InCallView.tsx

@@ -189,11 +189,13 @@ export const InCallView: FC<InCallViewProps> = ({
 
   const reactionsIcons = useMemo(
     () =>
-      shouldShowReactions ? Object.entries(reactions).map(([sender, { emoji }]) => ({
+      shouldShowReactions
-        sender,
+        ? Object.entries(reactions).map(([sender, { emoji }]) => ({
-        emoji,
+            sender,
-        startX: -Math.ceil(Math.random() * 50) - 25,
+            emoji,
-      })) : [],
+            startX: -Math.ceil(Math.random() * 50) - 25,
+          }))
+        : [],
     [shouldShowReactions, reactions],
   );
 

src/room/ReactionAudioRenderer.tsx

@@ -14,7 +14,9 @@ export function ReactionsAudioRenderer(): ReactNode {
   const { reactions } = useReactions();
   const [shouldPlay] = useSetting(playReactionsSound);
 
-  const expectedReactions = shouldPlay ? [...new Set([...Object.values(reactions)])] : [];
+  const expectedReactions = shouldPlay
+    ? [...new Set([...Object.values(reactions)])]
+    : [];
   return (
     <>
       {expectedReactions.map(

src/settings/PreferencesSettingsTab.tsx

@@ -23,15 +23,12 @@ export const PreferencesSettingsTab: FC = () => {
     showHandRaisedTimerSetting,
   );
 
-  const [showReactions, setShowReactions] = useSetting(
+  const [showReactions, setShowReactions] = useSetting(showReactionsSetting);
-    showReactionsSetting,
-  );
 
   const [playReactionsSound, setPlayReactionSound] = useSetting(
     playReactionsSoundSetting,
   );
 
-
   const onChangeSetting = useCallback(
     (e: ChangeEvent<HTMLInputElement>, fn: (value: boolean) => void) => {
       fn(e.target.checked);
@@ -60,9 +57,7 @@ export const PreferencesSettingsTab: FC = () => {
         <InputField
           id="showReactions"
           label={t("settings.preferences_tab.reactions_show_label")}
-          description={t(
+          description={t("settings.preferences_tab.reactions_show_description")}
-            "settings.preferences_tab.reactions_show_description",
-          )}
           type="checkbox"
           checked={showReactions}
           onChange={(e) => onChangeSetting(e, setShowReactions)}

src/settings/settings.ts

@@ -90,10 +90,7 @@ export const showHandRaisedTimer = new Setting<boolean>(
   false,
 );
 
-export const showReactions = new Setting<boolean>(
+export const showReactions = new Setting<boolean>("reactions-show", true);
-  "reactions-show",
-  true,
-);
 
 export const playReactionsSound = new Setting<boolean>(
   "reactions-play-sound",