GitHub-Proxy/deer-flow
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow synced 2025-08-20 12:39:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: put hooks inside <suspense />

Browse Source
This commit is contained in:
Li Xin 2025-04-30 10:11:47 +08:00
parent c57c853260
commit d202685838
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/app/_settings/dialogs/settings-dialog.tsx
View File

@ -16,6 +16,7 @@ import {
DialogTrigger, DialogTrigger,
} from "~/components/ui/dialog"; } from "~/components/ui/dialog";
import { Tabs, TabsContent } from "~/components/ui/tabs"; import { Tabs, TabsContent } from "~/components/ui/tabs";
import { useReplay } from "~/core/replay";
import { import {
type SettingsState, type SettingsState,
changeSettings, changeSettings,
@ -28,6 +29,7 @@ import { Tooltip } from "../../_components/tooltip";
import { SETTINGS_TABS } from "../tabs"; import { SETTINGS_TABS } from "../tabs";
export function SettingsDialog() { export function SettingsDialog() {
const { isReplay } = useReplay();
const [activeTabId, setActiveTabId] = useState(SETTINGS_TABS[0]!.id); const [activeTabId, setActiveTabId] = useState(SETTINGS_TABS[0]!.id);
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [settings, setSettings] = useState(useSettingsStore.getState()); const [settings, setSettings] = useState(useSettingsStore.getState());
@ -84,6 +86,10 @@ export function SettingsDialog() {
}; };
}, [settings, changes]); }, [settings, changes]);
if (isReplay) {
return null;
}
return ( return (
<Dialog open={open} onOpenChange={setOpen}> <Dialog open={open} onOpenChange={setOpen}>
<Tooltip title="Settings"> <Tooltip title="Settings">

6
web/src/app/chat/page.tsx
View File

@ -9,7 +9,6 @@ import Link from "next/link";
import { Suspense } from "react"; import { Suspense } from "react";
import { Button } from "~/components/ui/button"; import { Button } from "~/components/ui/button";
import { useReplay } from "~/core/replay";
import { Logo } from "../_components/logo"; import { Logo } from "../_components/logo";
import { ThemeToggle } from "../_components/theme-toggle"; import { ThemeToggle } from "../_components/theme-toggle";
@ -19,7 +18,6 @@ import { SettingsDialog } from "../_settings/dialogs/settings-dialog";
const Main = dynamic(() => import("./main"), { ssr: false }); const Main = dynamic(() => import("./main"), { ssr: false });
export default function HomePage() { export default function HomePage() {
const { isReplay } = useReplay();
return ( return (
<div className="flex h-screen w-screen justify-center overscroll-none"> <div className="flex h-screen w-screen justify-center overscroll-none">
<header className="fixed top-0 left-0 flex h-12 w-full items-center justify-between px-4"> <header className="fixed top-0 left-0 flex h-12 w-full items-center justify-between px-4">
@ -36,7 +34,9 @@ export default function HomePage() {
</Button> </Button>
</Tooltip> </Tooltip>
<ThemeToggle /> <ThemeToggle />
{!isReplay && <SettingsDialog />} <Suspense>
<SettingsDialog />
</Suspense>
</div> </div>
</header> </header>
<Suspense fallback={<div>Loading DeerFlow...</div>}> <Suspense fallback={<div>Loading DeerFlow...</div>}>