bytelyst/learning_ai_invt_trdg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): use product primitives for settings tabs

Browse Source
This commit is contained in:
Saravana Achu Mac 2026-05-07 13:06:29 -07:00
parent f2216ad278
commit 6e14f4290c
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/views/SettingsView.tsx
View File

@ -5,6 +5,7 @@ import { SettingsTab } from '../tabs/SettingsTab';
import { AdminTab } from '../tabs/AdminTab'; import { AdminTab } from '../tabs/AdminTab';
import { ConfigTab } from '../tabs/ConfigTab'; import { ConfigTab } from '../tabs/ConfigTab';
import { PageHeader } from '../components/ui/page-header'; import { PageHeader } from '../components/ui/page-header';
import { Button } from '../components/ui/Primitives';
type SettingsSection = 'Account' | 'Bot Config' | 'Admin Panel'; type SettingsSection = 'Account' | 'Bot Config' | 'Admin Panel';
@ -42,14 +43,17 @@ export function SettingsView() {
<div className="tab-strip" style={{ marginBottom: 24 }}> <div className="tab-strip" style={{ marginBottom: 24 }}>
{sections.map(s => ( {sections.map(s => (
<button <Button
key={s} key={s}
type="button"
onClick={() => handleSectionChange(s)} onClick={() => handleSectionChange(s)}
variant="ghost"
size="sm"
className="tab-button" className="tab-button"
data-active={section === s} data-active={section === s}
> >
{s} {s}
</button> </Button>
))} ))}
</div> </div>