Merge pull request #37 from CodeDead/feature/theme-toggle-setting

feature/theme-toggle-setting

Author: CodeDead

src/components/TopBar/index.jsx

@@ -51,7 +51,12 @@ const TopBar = () => {
   const [state, d1] = useContext(MainContext);
 
   const {
-    languageIndex, minimizeEnabled, maximizeEnabled, languageEnabled, themeStyle,
+    languageIndex,
+    minimizeEnabled,
+    maximizeEnabled,
+    languageEnabled,
+    themeStyle,
+    themeToggleEnabled,
   } = state;
   const language = state.languages[languageIndex];
 
@@ -154,9 +159,11 @@ const TopBar = () => {
             {language.appName}
           </Typography>
 
-          <IconButton color="inherit" onClick={changeThemeStyle}>
-            {themeStyle === 'dark' ? <Brightness5Icon /> : <Brightness7Icon />}
-          </IconButton>
+          {themeToggleEnabled ? (
+            <IconButton color="inherit" onClick={changeThemeStyle}>
+              {themeStyle === 'dark' ? <Brightness5Icon /> : <Brightness7Icon />}
+            </IconButton>
+          ) : null}
 
           {languageEnabled
             ? (

src/contexts/MainContextProvider/index.jsx

@@ -28,6 +28,7 @@ const autoUpdate = localStorage.autoUpdate && localStorage.autoUpdate === 'true'
 const minimizeEnabled = localStorage.minimizeEnabled && localStorage.minimizeEnabled === 'true' ? true : !localStorage.minimizeEnabled;
 const maximizeEnabled = localStorage.maximizeEnabled && localStorage.maximizeEnabled === 'true' ? true : !localStorage.maximizeEnabled;
 const languageEnabled = localStorage.languageEnabled && localStorage.languageEnabled === 'true' ? true : !localStorage.languageEnabled;
+const themeToggleEnabled = localStorage.themeToggleEnabled && localStorage.themeToggleEnabled === 'true' ? true : !localStorage.themeToggleEnabled;
 const canDragDrop = localStorage.canDragDrop && localStorage.canDragDrop === 'true' ? true : !localStorage.canDragDrop;
 
 const initState = {
@@ -53,6 +54,7 @@ const initState = {
   minimizeEnabled,
   maximizeEnabled,
   languageEnabled,
+  themeToggleEnabled,
   canDragDrop,
 };
 

src/languages/de_DE/index.js

@@ -81,6 +81,7 @@ const de_DE = () => ({
   dark: 'Dunkel',
   orange: 'Orange',
   orangeThemeDescription: 'Lass uns Niederländisch werden.',
+  themeToggleEnabled: 'Thema umschalten',
 });
 
 // eslint-disable-next-line camelcase

src/languages/en_US/index.js

@@ -81,6 +81,7 @@ const en_US = () => ({
   dark: 'Dark',
   orange: 'Orange',
   orangeThemeDescription: 'Let\'s get Dutch.',
+  themeToggleEnabled: 'Theme toggle',
 });
 
 // eslint-disable-next-line camelcase

src/languages/es_ES/index.js

@@ -81,6 +81,7 @@ const es_ES = () => ({
   dark: 'Oscuro',
   orange: 'Naranja',
   orangeThemeDescription: 'Vamos a holandeses.',
+  themeToggleEnabled: 'Alternar tema',
 });
 
 // eslint-disable-next-line camelcase

src/languages/fr_FR/index.js

@@ -81,6 +81,7 @@ const fr_FR = () => ({
   dark: 'Foncé',
   orange: 'Orange',
   orangeThemeDescription: 'Il faut que ça Néerlandais.',
+  themeToggleEnabled: 'Basculer le thème',
 });
 
 // eslint-disable-next-line camelcase

src/languages/it_IT/index.js

@@ -81,6 +81,7 @@ const it_IT = () => ({
   dark: 'Buio',
   orange: 'Arancia',
   orangeThemeDescription: 'Prendiamo l\'olandese.',
+  themeToggleEnabled: 'Commutazione del tema',
 });
 
 // eslint-disable-next-line camelcase

src/languages/jp_JP/index.js

@@ -81,6 +81,7 @@ const jp_JP = () => ({
   dark: '闇',
   orange: 'オレンジ',
   orangeThemeDescription: 'オランダ語を取得しましょう。',
+  themeToggleEnabled: 'テーマの切り替え',
 });
 
 // eslint-disable-next-line camelcase

src/languages/nl_NL/index.js

@@ -81,6 +81,7 @@ const nl_NL = () => ({
   dark: 'Donker',
   orange: 'Oranje',
   orangeThemeDescription: 'Op z\'n Nederlands.',
+  themeToggleEnabled: 'Thema wisselen',
 });
 
 // eslint-disable-next-line camelcase

src/languages/pt_PT/index.js

@@ -81,6 +81,7 @@ const pt_PT = () => ({
   dark: 'Sombrio',
   orange: 'Laranja',
   orangeThemeDescription: 'Vamos para o holandês.',
+  themeToggleEnabled: 'Alternar tema',
 });
 
 // eslint-disable-next-line camelcase