singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

fixup

Browse Source
This commit is contained in:
Yidadaa 2023-04-11 02:56:48 +08:00
parent d6e6dd09f0
commit 6841846613
1 changed files with 73 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
app/components/home.tsx
View File

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