feat: add spinner, lowercase version

This commit is contained in:
Austin Pickett 2026-04-28 13:59:33 -04:00
parent 912590a143
commit 47d4b6e31a
16 changed files with 292 additions and 131 deletions

View file

@ -12,6 +12,7 @@ import {
Button,
FilterGroup,
Segmented,
Spinner,
Switch,
} from "@nous-research/ui";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@ -82,9 +83,7 @@ export default function LogsPage() {
useLayoutEffect(() => {
setAfterTitle(
<span className="flex items-center gap-2">
{loading && (
<div className="h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-primary border-t-transparent" />
)}
{loading && <Spinner className="shrink-0 text-base text-primary" />}
<Badge tone="secondary" className="text-[10px]">
{file} · {level} · {component}
</Badge>
@ -114,7 +113,7 @@ export default function LogsPage() {
outlined
onClick={fetchLogs}
disabled={loading}
prefix={<RefreshCw />}
prefix={loading ? <Spinner /> : <RefreshCw />}
>
{t.common.refresh}
</Button>