fixup

app/components/home.tsx

@@ -158,100 +158,96 @@ function _Home() {
   }
 
   return (
-    <>
+    <div
+      className={`${
+        config.tightBorder && !isMobileScreen()
+          ? styles["tight-container"]
+          : styles.container
+      }`}
+    >
       <div
-        className={`${
+        className={styles.sidebar + ` ${showSideBar && styles["sidebar-show"]}`}
-          config.tightBorder && !isMobileScreen()
-            ? styles["tight-container"]
-            : styles.container
-        }`}
       >
-        <div
+        <div className={styles["sidebar-header"]}>
-          className={
+          <div className={styles["sidebar-title"]}>ChatGPT Next</div>
-            styles.sidebar + ` ${showSideBar && styles["sidebar-show"]}`
+          <div className={styles["sidebar-sub-title"]}>
-          }
+            Build your own AI assistant.
-        >
-          <div className={styles["sidebar-header"]}>
-            <div className={styles["sidebar-title"]}>ChatGPT Next</div>
-            <div className={styles["sidebar-sub-title"]}>
-              Build your own AI assistant.
-            </div>
-            <div className={styles["sidebar-logo"]}>
-              <ChatGptIcon />
-            </div>
           </div>
-
+          <div className={styles["sidebar-logo"]}>
-          <div
+            <ChatGptIcon />
-            className={styles["sidebar-body"]}
-            onClick={() => {
-              setOpenSettings(false);
-              setShowSideBar(false);
-            }}
-          >
-            <ChatList />
           </div>
+        </div>
 
-          <div className={styles["sidebar-tail"]}>
+        <div
-            <div className={styles["sidebar-actions"]}>
+          className={styles["sidebar-body"]}
-              <div className={styles["sidebar-action"] + " " + styles.mobile}>
+          onClick={() => {
-                <IconButton
+            setOpenSettings(false);
-                  icon={<CloseIcon />}
+            setShowSideBar(false);
-                  onClick={chatStore.deleteSession}
+          }}
-                />
+        >
-              </div>
+          <ChatList />
-              <div className={styles["sidebar-action"]}>
+        </div>
-                <IconButton
+
-                  icon={<SettingsIcon />}
+        <div className={styles["sidebar-tail"]}>
-                  onClick={() => {
+          <div className={styles["sidebar-actions"]}>
-                    setOpenSettings(true);
+            <div className={styles["sidebar-action"] + " " + styles.mobile}>
-                    setShowSideBar(false);
+              <IconButton
-                  }}
+                icon={<CloseIcon />}
-                  shadow
+                onClick={chatStore.deleteSession}
-                />
+              />
-              </div>
-              <div className={styles["sidebar-action"]}>
-                <a href={REPO_URL} target="_blank">
-                  <IconButton icon={<GithubIcon />} shadow />
-                </a>
-              </div>
             </div>
-            <div>
+            <div className={styles["sidebar-action"]}>
               <IconButton
-                icon={<AddIcon />}
+                icon={<SettingsIcon />}
-                text={Locale.Home.NewChat}
                 onClick={() => {
-                  createNewSession();
+                  setOpenSettings(true);
                   setShowSideBar(false);
                 }}
                 shadow
               />
             </div>
+            <div className={styles["sidebar-action"]}>
+              <a href={REPO_URL} target="_blank">
+                <IconButton icon={<GithubIcon />} shadow />
+              </a>
+            </div>
           </div>
-
+          <div>
-          <div
+            <IconButton
-            className={styles["sidebar-drag"]}
+              icon={<AddIcon />}
-            onMouseDown={(e) => onDragMouseDown(e as any)}
+              text={Locale.Home.NewChat}
-          ></div>
+              onClick={() => {
-        </div>
+                createNewSession();
-
+                setShowSideBar(false);
-        <div className={styles["window-content"]}>
-          {openSettings ? (
-            <Settings
-              closeSettings={() => {
-                setOpenSettings(false);
-                setShowSideBar(true);
               }}
+              shadow
             />
-          ) : (
+          </div>
-            <Chat
-              key="chat"
-              showSideBar={() => setShowSideBar(true)}
-              sideBarShowing={showSideBar}
-            />
-          )}
         </div>
+
+        <div
+          className={styles["sidebar-drag"]}
+          onMouseDown={(e) => onDragMouseDown(e as any)}
+        ></div>
+      </div>
+
+      <div className={styles["window-content"]}>
+        {openSettings ? (
+          <Settings
+            closeSettings={() => {
+              setOpenSettings(false);
+              setShowSideBar(true);
+            }}
+          />
+        ) : (
+          <Chat
+            key="chat"
+            showSideBar={() => setShowSideBar(true)}
+            sideBarShowing={showSideBar}
+          />
+        )}
       </div>
-    </>
+    </div>
   );
 }