xinyin025/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web.git synced 2025-10-10 03:56:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

sidebar

Browse Source
This commit is contained in:
DirkSchlossmacher 2023-11-14 11:09:48 +01:00
parent 6a6a2490ed
commit 14795c50c0
1 changed files with 118 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/sidebar.tsx
View File

@ -149,9 +149,13 @@ export function SideBar(props: { className?: string }) {
[isMobileScreen], [isMobileScreen],
); );
const usageStatsComponent = showUsageStats && <UsageStats onClose={() => setShowUsageStats(false)} />;
useHotKey(); useHotKey();
return ( return (
<>
{usageStatsComponent} {/* This is where the UsageStats component gets rendered */}
<div <div
className={`${styles.sidebar} ${props.className} ${ className={`${styles.sidebar} ${props.className} ${
shouldNarrow && styles["narrow-sidebar"] shouldNarrow && styles["narrow-sidebar"]
@ -166,7 +170,7 @@ export function SideBar(props: { className?: string }) {
AdEx<b>GPT</b> - via API AdEx<b>GPT</b> - via API
</div> </div>
<div className={styles["sidebar-sub-title"]}> <div className={styles["sidebar-sub-title"]}>
secure local UI for secure local UI for&nbsp;
<span <span
className={styles["api-link"]} // You might need to define this style className={styles["api-link"]} // You might need to define this style
onClick={toggleUsageStats} onClick={toggleUsageStats}
@ -282,5 +286,7 @@ export function SideBar(props: { className?: string }) {
<DragIcon /> <DragIcon />
</div> </div>
</div> </div>
</>
); );
} }