Repository: inovex/scrumlr.io (ts)

Issue:
Rename "focus mode" to "presenter mode"

Pull request description:
Rename `focus mode` to `presenter mode`
Closes #2402 

Patch:
diff --git a/public/locales/de/translation.json b/public/locales/de/translation.json
index 9c7988e3..9160ee78 100644
--- a/public/locales/de/translation.json
+++ b/public/locales/de/translation.json
@@ -1,6 +1,6 @@
 {
   "InfoBar": {
-    "ReturnToFocusedNote": "Zurück zur Fokuskarte"
+    "ReturnToPresentedNote": "Zurück zur präsentierten Karte"
   },
   "NewBoard": {
     "boardName": "Sitzungsname",
@@ -173,8 +173,8 @@
     "themeToggle": "Ändere Farbschema",
     "editColumns": "Bearbeite Spalten",
     "stopEditingColumns": "Beende Spaltenbearbeitung",
-    "startFocusMode": "Starte Fokus-Modus",
-    "stopFocusMode": "Beende Fokus-Modus",
+    "startPresenterMode": "Präsentiermodus starten",
+    "stopPresenterMode": "Präsentiermodus beenden",
     "returnToHomepage": "Kehre zur Homepage zurück",
     "raiseHand": "Hebe deine Hand",
     "lowerHand": "Senke deine Hand",
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 3a0242ec..c931e7ce 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -1,6 +1,6 @@
 {
   "InfoBar": {
-    "ReturnToFocusedNote": "Return to focused note"
+    "ReturnToPresentedNote": "Return to presented note"
   },
   "NewBoard": {
     "boardName": "Board name",
@@ -172,8 +172,8 @@
     "themeToggle": "Change color scheme",
     "editColumns": "Start column mode",
     "stopEditingColumns": "End column mode",
-    "startFocusMode": "Start focused mode",
-    "stopFocusMode": "End focused mode",
+    "startPresenterMode": "Start presenter mode",
+    "stopPresenterMode": "End presenter mode",
     "returnToHomepage": "Return to Homepage",
     "raiseHand": "Raise your hand",
     "lowerHand": "Lower your hand",
diff --git a/src/components/Infobar/Infobar.scss b/src/components/Infobar/Infobar.scss
index 60c0f934..f0ee98b4 100644
--- a/src/components/Infobar/Infobar.scss
+++ b/src/components/Infobar/Infobar.scss
@@ -21,11 +21,11 @@
   grid-template-columns: 1fr auto 1fr;
 }
 
-.info-bar__return-to-focused-note-button > svg {
+.info-bar__return-to-presented-note-button > svg {
   background-color: $menu-icon-background-color--dark;
   color: $color-white;
 }
-[theme="dark"] .info-bar__return-to-focused-note-button > svg {
+[theme="dark"] .info-bar__return-to-presented-note-button > svg {
   background-color: $color-white;
   color: $menu-icon-background-color--dark;
 }
diff --git a/src/components/Infobar/Infobar.tsx b/src/components/Infobar/Infobar.tsx
index ba1ca4b3..bfedfcb7 100644
--- a/src/components/Infobar/Infobar.tsx
+++ b/src/components/Infobar/Infobar.tsx
@@ -32,10 +32,10 @@ export const InfoBar = () => {
       {state.activeVoting && <VoteDisplay usedVotes={state.usedVotes} possibleVotes={state.possibleVotes!} />}
       {state.sharedNote && viewer.user.id !== focusInitiator?.user.id && (
         <TooltipButton
-          className="info-bar__return-to-focused-note-button"
+          className="info-bar__return-to-presented-note-button"
           icon={ShareIcon}
           direction="right"
-          label={t("InfoBar.ReturnToFocusedNote")}
+          label={t("InfoBar.ReturnToPresentedNote")}
           onClick={() => navigate(`note/${state.sharedNote}/stack`)}
         />
       )}
diff --git a/src/components/MenuBars/MenuBars.tsx b/src/components/MenuBars/MenuBars.tsx
index e9b58741..c0e3108d 100644
--- a/src/components/MenuBars/MenuBars.tsx
+++ b/src/components/MenuBars/MenuBars.tsx
@@ -147,7 +147,7 @@ export const MenuBars = ({showPreviousColumn, showNextColumn, onPreviousColumn,
                 <TooltipButton
                   active={state.moderation}
                   direction="left"
-                  label={state.moderation ? t("MenuBars.stopFocusMode") : t("MenuBars.startFocusMode")}
+                  label={state.moderation ? t("MenuBars.stopPresenterMode") : t("MenuBars.startPresenterMode")}
                   icon={FocusIcon}
                   onClick={toggleModeration}
                   hotkeyKey={TOGGLE_MODERATION.toUpperCase()}
@@ -234,7 +234,7 @@ export const MenuBars = ({showPreviousColumn, showNextColumn, onPreviousColumn,
                 <TooltipButton
                   active={state.moderation}
                   direction="left"
-                  label={state.moderation ? t("MenuBars.stopFocusMode") : t("MenuBars.startFocusMode")}
+                  label={state.moderation ? t("MenuBars.stopPresenterMode") : t("MenuBars.startPresenterMode")}
                   icon={FocusIcon}
                   onClick={toggleModeration}
                 />


Test patch:
diff --git a/src/components/Infobar/__tests__/Infobar.test.tsx b/src/components/Infobar/__tests__/Infobar.test.tsx
index 7e3bdabb..cb164ea2 100644
--- a/src/components/Infobar/__tests__/Infobar.test.tsx
+++ b/src/components/Infobar/__tests__/Infobar.test.tsx
@@ -66,6 +66,6 @@ describe("InfoBar", () => {
         },
       },
     });
-    expect(container.getElementsByClassName("info-bar__return-to-focused-note-button").length).toBe(1);
+    expect(container.getElementsByClassName("info-bar__return-to-presented-note-button").length).toBe(1);
   });
 });
diff --git a/src/components/MenuBars/__tests__/__snapshots__/MenuBars.test.tsx.snap b/src/components/MenuBars/__tests__/__snapshots__/MenuBars.test.tsx.snap
index 03e19489..9515f3a6 100644
--- a/src/components/MenuBars/__tests__/__snapshots__/MenuBars.test.tsx.snap
+++ b/src/components/MenuBars/__tests__/__snapshots__/MenuBars.test.tsx.snap
@@ -201,7 +201,7 @@ exports[`MenuBars should match snapshot 1`] = `
       </li>
       <li>
         <button
-          aria-label="MenuBars.startFocusMode"
+          aria-label="MenuBars.startPresenterMode"
           class="tooltip-button tooltip-button--left"
         >
           <div
@@ -211,7 +211,7 @@ exports[`MenuBars should match snapshot 1`] = `
             <span
               class="tooltip-button__tooltip-text"
             >
-              MenuBars.startFocusMode
+              MenuBars.startPresenterMode
               <span
                 class="tooltip-button__hotkey"
               >