refactor(projects): remove dark sidebar configuration

mufeng889 · Sep 12, 2024 · f958280 · f958280
1 parent 8d703d9
commit f958280
Showing 1 changed file with 3 additions and 24 deletions.
diff --git a/src/layouts/modules/theme-drawer/modules/DarkMode.tsx b/src/layouts/modules/theme-drawer/modules/DarkMode.tsx
@@ -3,12 +3,10 @@ import type { SegmentedOptions } from 'antd/es/segmented';
 import { CSSTransition } from 'react-transition-group';
 import { themeSchemaRecord } from '@/constants/app';
 import {
-  getDarkMode,
   getThemeSettings,
   setColourWeakness,
   setGrayscale,
   setIsOnlyExpandCurrentParentMenu,
-  setSiderInverted,
   setThemeScheme
 } from '@/store/slice/theme';
 import SettingItem from '../components/SettingItem';
@@ -38,22 +36,17 @@ const OPTIONS: SegmentedOptions = Object.keys(themeSchemaRecord).map(item => {
 const DarkMode = () => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
-  const nodeRef = useRef(null);
+
   const twoNodeRef = useRef(null);
-  const darkMode = useAppSelector(getDarkMode);
+
   const themeSettings = useAppSelector(getThemeSettings);
 
   const isVertical = themeSettings.layout.mode.includes('vertical');
 
-  const showSiderInverted = !darkMode && isVertical;
-
   function handleSegmentChange(value: string | number) {
     dispatch(setThemeScheme(value as UnionKey.ThemeScheme));
   }
 
-  function toggleSiderInverted(checked: boolean) {
-    dispatch(setSiderInverted(checked));
-  }
   function handleGrayscaleChange(value: boolean) {
     dispatch(setGrayscale(value));
   }
@@ -75,21 +68,7 @@ const DarkMode = () => {
           onChange={handleSegmentChange}
         ></Segmented>
       </div>
-      <CSSTransition
-        timeout={300}
-        in={showSiderInverted}
-        classNames="sider-inverted"
-        nodeRef={nodeRef}
-      >
-        <div ref={nodeRef}>
-          <SettingItem label={t('theme.sider.inverted')}>
-            <Switch
-              defaultChecked={themeSettings.sider.inverted}
-              onChange={toggleSiderInverted}
-            />
-          </SettingItem>
-        </div>
-      </CSSTransition>
+
       <SettingItem label={t('theme.grayscale')}>
         <Switch
           defaultChecked={themeSettings.grayscale}