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

refactor(ui): normalize admin db sync controls

Browse Source
This commit is contained in:
Saravana Achu Mac 2026-05-09 01:52:15 -07:00
parent fd64fecbce
commit f3540c6b4b
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/tabs/AdminTab.tsx
View File

@ -17,7 +17,7 @@ import { fetchDynamicConfigItems, upsertDynamicConfigItems } from '../lib/dynami
import { getPlatformAccessToken } from '../lib/authSession';
import { createRequestId } from '../../../shared/request-id.js';
import { tradingRuntime } from '../lib/runtime';
import { Button } from '../components/ui/Primitives';
import { Button, Input } from '../components/ui/Primitives';
interface AdminTabProps {
botState: BotState;
@ -846,20 +846,22 @@ export const AdminTab = ({ botState, socket }: AdminTabProps) => {
<p className="text-xs font-bold text-white">State Snapshots</p>
<p className="text-[10px] text-zinc-500">Persistent sync of bot state to Supabase</p>
</div>
<button
<Button
type="button"
role="switch"
aria-checked={dbSyncEnabled}
aria-label="Toggle state snapshots"
onClick={() => setDbSyncEnabled(!dbSyncEnabled)}
className={`relative inline-flex h-5 w-10 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none ${dbSyncEnabled ? 'bg-cyan-500' : 'bg-zinc-700'
variant="ghost"
size="icon"
className={`relative h-6 w-11 rounded-full border-0 p-0 hover:bg-current ${dbSyncEnabled ? 'bg-cyan-500' : 'bg-zinc-700'
}`}
>
<span
className={`inline-block h-4 w-4 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out ${dbSyncEnabled ? 'translate-x-5' : 'translate-x-0'
}`}
/>
</button>
</Button>
</div>
<div className="space-y-3">
@ -869,13 +871,14 @@ export const AdminTab = ({ botState, socket }: AdminTabProps) => {
<p className="text-[10px] text-zinc-500">Minimum time between DB writes ({Math.round(dbSyncInterval / 60000)}m)</p>
</div>
<div className="flex items-center gap-3">
<input
<Input
type="range"
min="60000"
max="3600000"
step="60000"
value={dbSyncInterval}
onChange={(e) => setDbSyncInterval(parseInt(e.target.value))}
controlSize="sm"
className="w-32 accent-cyan-500"
/>
<span className="text-[10px] font-mono text-cyan-400 w-12 text-right">