UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-05-12 07:50:48 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Update _index.tsx

Browse Source 
Removed the settings button in the landingpage.
This commit is contained in:
Stijnus 2025-02-20 13:03:59 +01:00
parent 220e2da7ec
commit aa02448516
1 changed files with 6 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/routes/_index.tsx
View File

@ -4,9 +4,6 @@ import { BaseChat } from '~/components/chat/BaseChat';
import { Chat } from '~/components/chat/Chat.client'; import { Chat } from '~/components/chat/Chat.client';
import { Header } from '~/components/header/Header'; import { Header } from '~/components/header/Header';
import BackgroundRays from '~/components/ui/BackgroundRays'; import BackgroundRays from '~/components/ui/BackgroundRays';
import { ControlPanel } from '~/components/@settings';
import { SettingsButton } from '~/components/ui/SettingsButton';
import { useState } from 'react';
export const meta: MetaFunction = () => { export const meta: MetaFunction = () => {
return [{ title: 'Bolt' }, { name: 'description', content: 'Talk with Bolt, an AI assistant from StackBlitz' }]; return [{ title: 'Bolt' }, { name: 'description', content: 'Talk with Bolt, an AI assistant from StackBlitz' }];
@ -14,20 +11,18 @@ export const meta: MetaFunction = () => {
export const loader = () => json({}); export const loader = () => json({});
/**
* Landing page component for Bolt
* Note: Settings functionality should ONLY be accessed through the sidebar menu.
* Do not add settings button/panel to this landing page as it was intentionally removed
* to keep the UI clean and consistent with the design system.
*/
export default function Index() { export default function Index() {
const [showControlPanel, setShowControlPanel] = useState(false);
return ( return (
<div className="flex flex-col h-full w-full bg-bolt-elements-background-depth-1"> <div className="flex flex-col h-full w-full bg-bolt-elements-background-depth-1">
<BackgroundRays /> <BackgroundRays />
<Header /> <Header />
<ClientOnly fallback={<BaseChat />}>{() => <Chat />}</ClientOnly> <ClientOnly fallback={<BaseChat />}>{() => <Chat />}</ClientOnly>
<div className="fixed bottom-4 right-4">
<SettingsButton onClick={() => setShowControlPanel(true)} />
</div>
<ClientOnly>
{() => <ControlPanel open={showControlPanel} onClose={() => setShowControlPanel(false)} />}
</ClientOnly>
</div> </div>
); );
} }