feat: Add menu entry to go to appearance settings page

`ui.darkmode.enabled` must be enabled
cozy · Jun 18, 2024 · 086a383 · 086a383
1 parent d4daa16
commit 086a383
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/src/components/Settings/SettingsContent.jsx b/src/components/Settings/SettingsContent.jsx
@@ -8,6 +8,7 @@ import { useClient } from 'cozy-client'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import OpenwithIcon from 'cozy-ui/transpiled/react/Icons/Openwith'
 import PeopleIcon from 'cozy-ui/transpiled/react/Icons/People'
+import PaletteIcon from 'cozy-ui/transpiled/react/Icons/Palette'
 import GraphCircleIcon from 'cozy-ui/transpiled/react/Icons/GraphCircle'
 import CozyCircleIcon from 'cozy-ui/transpiled/react/Icons/CozyCircle'
 import HandIcon from 'cozy-ui/transpiled/react/Icons/Hand'
@@ -69,6 +70,19 @@ const SettingsContent = ({
             {t('profile')}
           </a>
         </NavItem>
+        {flag('ui.darkmode.enabled') && (
+          <NavItem>
+            <a
+              role="menuitem"
+              href={getSettingsLink({ client, hash: 'appearance' })}
+              target="_self"
+              title={t('appearance')}
+            >
+              <MenuIcon icon={PaletteIcon} />
+              {t('appearance')}
+            </a>
+          </NavItem>
+        )}
         {(!isDrawer || !isMobileApp()) && shoulDisplayViewOfferButton && (
           <NavItem>
             <a

diff --git a/src/locales/en.json b/src/locales/en.json
@@ -1,6 +1,7 @@
 {
   "drawer": "Show menu drawer",
   "profile": "Profile",
+  "appearance": "Appearance",
   "plans": "Plans",
   "permissions": "Permissions",
   "connectedDevices": "Connected devices",

diff --git a/src/locales/fr.json b/src/locales/fr.json
@@ -1,6 +1,7 @@
 {
   "drawer": "Afficher le menu latéral",
   "profile": "Profil",
+  "appearance": "Apparence",
   "plans": "Offres et options",
   "permissions": "Permissions",
   "connectedDevices": "Appareils connectés",