chore: lint fix

web/src/components/SiderBar.js

@@ -3,7 +3,14 @@ import { Link, useNavigate } from 'react-router-dom';
 import { UserContext } from '../context/User';
 import { StatusContext } from '../context/Status';
 
-import { API, getLogo, getSystemName, isAdmin, isMobile, showError } from '../helpers';
+import {
+  API,
+  getLogo,
+  getSystemName,
+  isAdmin,
+  isMobile,
+  showError,
+} from '../helpers';
 import '../index.css';
 
 import {
@@ -17,7 +24,7 @@ import {
   IconKey,
   IconLayers,
   IconSetting,
-  IconUser
+  IconUser,
 } from '@douyinfe/semi-icons';
 import { Layout, Nav } from '@douyinfe/semi-ui';
 
@@ -26,7 +33,8 @@ import { Layout, Nav } from '@douyinfe/semi-ui';
 const SiderBar = () => {
   const [userState, userDispatch] = useContext(UserContext);
   const [statusState, statusDispatch] = useContext(StatusContext);
-  const defaultIsCollapsed = isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true';
+  const defaultIsCollapsed =
+    isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true';
 
   let navigate = useNavigate();
   const [selectedKeys, setSelectedKeys] = useState(['home']);
@@ -46,89 +54,105 @@ const SiderBar = () => {
     setting: '/setting',
     about: '/about',
     chat: '/chat',
-    detail: '/detail'
+    detail: '/detail',
   };
 
-  const headerButtons = useMemo(() => [
-    {
-      text: '首页',
-      itemKey: 'home',
-      to: '/',
-      icon: <IconHome />
-    },
-    {
-      text: '渠道',
-      itemKey: 'channel',
-      to: '/channel',
-      icon: <IconLayers />,
-      className: isAdmin() ? 'semi-navigation-item-normal' : 'tableHiddle'
-    },
-    {
-      text: '聊天',
-      itemKey: 'chat',
-      to: '/chat',
-      icon: <IconComment />,
-      className: localStorage.getItem('chat_link') ? 'semi-navigation-item-normal' : 'tableHiddle'
-    },
-    {
-      text: '令牌',
-      itemKey: 'token',
-      to: '/token',
-      icon: <IconKey />
-    },
-    {
-      text: '兑换码',
-      itemKey: 'redemption',
-      to: '/redemption',
-      icon: <IconGift />,
-      className: isAdmin() ? 'semi-navigation-item-normal' : 'tableHiddle'
-    },
-    {
-      text: '钱包',
-      itemKey: 'topup',
-      to: '/topup',
-      icon: <IconCreditCard />
-    },
-    {
-      text: '用户管理',
-      itemKey: 'user',
-      to: '/user',
-      icon: <IconUser />,
-      className: isAdmin() ? 'semi-navigation-item-normal' : 'tableHiddle'
-    },
-    {
-      text: '日志',
-      itemKey: 'log',
-      to: '/log',
-      icon: <IconHistogram />
-    },
-    {
-      text: '数据看板',
-      itemKey: 'detail',
-      to: '/detail',
-      icon: <IconCalendarClock />,
-      className: localStorage.getItem('enable_data_export') === 'true' ? 'semi-navigation-item-normal' : 'tableHiddle'
-    },
-    {
-      text: '绘图',
-      itemKey: 'midjourney',
-      to: '/midjourney',
-      icon: <IconImage />,
-      className: localStorage.getItem('enable_drawing') === 'true' ? 'semi-navigation-item-normal' : 'tableHiddle'
-    },
-    {
-      text: '设置',
-      itemKey: 'setting',
-      to: '/setting',
-      icon: <IconSetting />
-    }
-    // {
-    //     text: '关于',
-    //     itemKey: 'about',
-    //     to: '/about',
-    //     icon: <IconAt/>
-    // }
-  ], [localStorage.getItem('enable_data_export'), localStorage.getItem('enable_drawing'), localStorage.getItem('chat_link'), isAdmin()]);
+  const headerButtons = useMemo(
+    () => [
+      {
+        text: '首页',
+        itemKey: 'home',
+        to: '/',
+        icon: <IconHome />,
+      },
+      {
+        text: '渠道',
+        itemKey: 'channel',
+        to: '/channel',
+        icon: <IconLayers />,
+        className: isAdmin() ? 'semi-navigation-item-normal' : 'tableHiddle',
+      },
+      {
+        text: '聊天',
+        itemKey: 'chat',
+        to: '/chat',
+        icon: <IconComment />,
+        className: localStorage.getItem('chat_link')
+          ? 'semi-navigation-item-normal'
+          : 'tableHiddle',
+      },
+      {
+        text: '令牌',
+        itemKey: 'token',
+        to: '/token',
+        icon: <IconKey />,
+      },
+      {
+        text: '兑换码',
+        itemKey: 'redemption',
+        to: '/redemption',
+        icon: <IconGift />,
+        className: isAdmin() ? 'semi-navigation-item-normal' : 'tableHiddle',
+      },
+      {
+        text: '钱包',
+        itemKey: 'topup',
+        to: '/topup',
+        icon: <IconCreditCard />,
+      },
+      {
+        text: '用户管理',
+        itemKey: 'user',
+        to: '/user',
+        icon: <IconUser />,
+        className: isAdmin() ? 'semi-navigation-item-normal' : 'tableHiddle',
+      },
+      {
+        text: '日志',
+        itemKey: 'log',
+        to: '/log',
+        icon: <IconHistogram />,
+      },
+      {
+        text: '数据看板',
+        itemKey: 'detail',
+        to: '/detail',
+        icon: <IconCalendarClock />,
+        className:
+          localStorage.getItem('enable_data_export') === 'true'
+            ? 'semi-navigation-item-normal'
+            : 'tableHiddle',
+      },
+      {
+        text: '绘图',
+        itemKey: 'midjourney',
+        to: '/midjourney',
+        icon: <IconImage />,
+        className:
+          localStorage.getItem('enable_drawing') === 'true'
+            ? 'semi-navigation-item-normal'
+            : 'tableHiddle',
+      },
+      {
+        text: '设置',
+        itemKey: 'setting',
+        to: '/setting',
+        icon: <IconSetting />,
+      },
+      // {
+      //     text: '关于',
+      //     itemKey: 'about',
+      //     to: '/about',
+      //     icon: <IconAt/>
+      // }
+    ],
+    [
+      localStorage.getItem('enable_data_export'),
+      localStorage.getItem('enable_drawing'),
+      localStorage.getItem('chat_link'),
+      isAdmin(),
+    ],
+  );
 
   const loadStatus = async () => {
     const res = await API.get('/api/status');
@@ -143,8 +167,14 @@ const SiderBar = () => {
       localStorage.setItem('display_in_currency', data.display_in_currency);
       localStorage.setItem('enable_drawing', data.enable_drawing);
       localStorage.setItem('enable_data_export', data.enable_data_export);
-      localStorage.setItem('data_export_default_time', data.data_export_default_time);
-      localStorage.setItem('default_collapse_sidebar', data.default_collapse_sidebar);
+      localStorage.setItem(
+        'data_export_default_time',
+        data.data_export_default_time,
+      );
+      localStorage.setItem(
+        'default_collapse_sidebar',
+        data.default_collapse_sidebar,
+      );
       localStorage.setItem('mj_notify_enabled', data.mj_notify_enabled);
       if (data.chat_link) {
         localStorage.setItem('chat_link', data.chat_link);
@@ -163,11 +193,14 @@ const SiderBar = () => {
 
   useEffect(() => {
     loadStatus().then(() => {
-      setIsCollapsed(isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true');
+      setIsCollapsed(
+        isMobile() ||
+          localStorage.getItem('default_collapse_sidebar') === 'true',
+      );
     });
-    let localKey = window.location.pathname.split('/')[1]
+    let localKey = window.location.pathname.split('/')[1];
     if (localKey === '') {
-      localKey = 'home'
+      localKey = 'home';
     }
     setSelectedKeys([localKey]);
   }, []);
@@ -179,9 +212,12 @@ const SiderBar = () => {
           <Nav
             // bodyStyle={{ maxWidth: 200 }}
             style={{ maxWidth: 200 }}
-            defaultIsCollapsed={isMobile() || localStorage.getItem('default_collapse_sidebar') === 'true'}
+            defaultIsCollapsed={
+              isMobile() ||
+              localStorage.getItem('default_collapse_sidebar') === 'true'
+            }
             isCollapsed={isCollapsed}
-            onCollapseChange={collapsed => {
+            onCollapseChange={(collapsed) => {
               setIsCollapsed(collapsed);
             }}
             selectedKeys={selectedKeys}
@@ -196,20 +232,20 @@ const SiderBar = () => {
               );
             }}
             items={headerButtons}
-            onSelect={key => {
+            onSelect={(key) => {
               setSelectedKeys([key.itemKey]);
             }}
             header={{
-              logo: <img src={logo} alt="logo" style={{ marginRight: '0.75em' }} />,
-              text: systemName
+              logo: (
+                <img src={logo} alt='logo' style={{ marginRight: '0.75em' }} />
+              ),
+              text: systemName,
             }}
             // footer={{
             //   text: '© 2021 NekoAPI',
             // }}
           >
-
-            <Nav.Footer collapseButton={true}>
-            </Nav.Footer>
+            <Nav.Footer collapseButton={true}></Nav.Footer>
           </Nav>
         </div>
       </Layout>