chore: dashboard

src/layout/index.tsx

@@ -13,13 +13,18 @@ const { Content, Footer, Sider } = Layout;
 
 export default function ChatLayout() {
   const [collapsed, setCollapsed] = useState(false);
+  const [isDashboard, setDashboard] = useState<any>(null);
   const [appInfo, setAppInfo] = useState<Record<string, any>>({});
   const location = useLocation();
   const [menuKey, setMenuKey] = useState(location.pathname);
   const go = useNavigate();
 
   useEffect(() => {
+    if (location.search === '?type=control') {
+      go('/awesome');
+    }
     setMenuKey(location.pathname);
+    setDashboard(location.pathname === '/');
   }, [location.pathname]);
 
   useInit(async () => {
@@ -36,69 +41,75 @@ export default function ChatLayout() {
 
   const isDark = appInfo.appTheme === 'dark';
 
+  if (isDashboard === null) return null;
+
   return (
     <ConfigProvider theme={{ algorithm: isDark ? theme.darkAlgorithm : theme.defaultAlgorithm }}>
-      <Layout style={{ minHeight: '100vh' }} hasSider>
-        <Sider
-          theme={isDark ? 'dark' : 'light'}
-          collapsible
-          collapsed={collapsed}
-          onCollapse={(value) => setCollapsed(value)}
-          style={{
-            overflow: 'auto',
-            height: '100vh',
-            position: 'fixed',
-            left: 0,
-            top: 0,
-            bottom: 0,
-            zIndex: 999,
-          }}
-        >
-          <div className="chat-logo">
-            <img src="/logo.png" />
-          </div>
-          <div className="chat-info">
-            <Tag>{appInfo.appName}</Tag>
-            <Tag>
-              <span style={{ marginRight: 5 }}>{appInfo.appVersion}</span>
-              <Tooltip title="click to check update">
-                <a onClick={checkAppUpdate}>
-                  <SyncOutlined />
-                </a>
-              </Tooltip>
-            </Tag>
-          </div>
-
-          <Menu
-            selectedKeys={[menuKey]}
-            mode="inline"
-            theme={appInfo.appTheme === 'dark' ? 'dark' : 'light'}
-            inlineIndent={12}
-            items={menuItems}
-            // defaultOpenKeys={['/model']}
-            onClick={(i) => go(i.key)}
-          />
-        </Sider>
-        <Layout
-          className="chat-layout"
-          style={{ marginLeft: collapsed ? 80 : 200, transition: 'margin-left 300ms ease-out' }}
-        >
-          <Content
-            className="chat-container"
+      {isDashboard ? (
+        <Routes />
+      ) : (
+        <Layout style={{ minHeight: '100vh' }} hasSider>
+          <Sider
+            theme={isDark ? 'dark' : 'light'}
+            collapsible
+            collapsed={collapsed}
+            onCollapse={(value) => setCollapsed(value)}
             style={{
-              overflow: 'inherit',
+              overflow: 'auto',
+              height: '100vh',
+              position: 'fixed',
+              left: 0,
+              top: 0,
+              bottom: 0,
+              zIndex: 999,
             }}
           >
-            <Routes />
-          </Content>
-          <Footer style={{ textAlign: 'center' }}>
-            <a href="https://github.com/lencx/chatgpt" target="_blank">
-              ChatGPT Desktop Application
-            </a>{' '}
-            ©2022 Created by lencx
-          </Footer>
+            <div className="chat-logo">
+              <img src="/logo.png" />
+            </div>
+            <div className="chat-info">
+              <Tag>{appInfo.appName}</Tag>
+              <Tag>
+                <span style={{ marginRight: 5 }}>{appInfo.appVersion}</span>
+                <Tooltip title="click to check update">
+                  <a onClick={checkAppUpdate}>
+                    <SyncOutlined />
+                  </a>
+                </Tooltip>
+              </Tag>
+            </div>
+
+            <Menu
+              selectedKeys={[menuKey]}
+              mode="inline"
+              theme={appInfo.appTheme === 'dark' ? 'dark' : 'light'}
+              inlineIndent={12}
+              items={menuItems}
+              // defaultOpenKeys={['/model']}
+              onClick={(i) => go(i.key)}
+            />
+          </Sider>
+          <Layout
+            className="chat-layout"
+            style={{ marginLeft: collapsed ? 80 : 200, transition: 'margin-left 300ms ease-out' }}
+          >
+            <Content
+              className="chat-container"
+              style={{
+                overflow: 'inherit',
+              }}
+            >
+              <Routes />
+            </Content>
+            <Footer style={{ textAlign: 'center' }}>
+              <a href="https://github.com/lencx/chatgpt" target="_blank">
+                ChatGPT Desktop Application
+              </a>{' '}
+              ©2022 Created by lencx
+            </Footer>
+          </Layout>
         </Layout>
-      </Layout>
+      )}
     </ConfigProvider>
   );
 }