chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: migrate dashboard components to Design System v4

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Michael Chihlas
2026-03-22 02:00:35 -04:00
parent 56ff792f8e
commit 96a4130c0e
18 changed files with 116 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/dashboard/OnboardingChecklist.tsx
View File

@@ -69,11 +69,11 @@ export function OnboardingChecklist() {
}
return (
<div className="glass-card overflow-hidden fade-in" style={{ animationDelay: '150ms' }}>
<div className="card-interactive overflow-hidden fade-in" style={{ animationDelay: '150ms' }}>
{/* Progress bar */}
<div className="h-1 w-full bg-[rgba(255,255,255,0.04)]">
<div
className="h-full bg-gradient-brand transition-all duration-500 ease-out"
className="h-full bg-[#22d3ee] transition-all duration-500 ease-out"
style={{ width: `${progressPercent}%` }}
/>
</div>
@@ -82,15 +82,15 @@ export function OnboardingChecklist() {
{/* Header */}
<div className="flex items-center justify-between mb-3">
<div>
<p className="font-label text-[0.625rem] uppercase tracking-[0.1em] text-muted-foreground">
<p className="font-sans text-xs text-[0.625rem] uppercase tracking-[0.1em] text-[#848b9b]">
Getting Started
</p>
<p className="text-sm text-foreground mt-0.5">
<p className="text-sm text-[#e2e5eb] mt-0.5">
{isAllDone ? (
<span className="text-gradient-brand font-semibold">You're all set!</span>
<span className="text-[#67e8f9] font-semibold">You're all set!</span>
) : (
<span>
<span className="text-gradient-brand font-semibold">{completedCount}</span>
<span className="text-[#67e8f9] font-semibold">{completedCount}</span>
{' '}of {totalCount} complete
</span>
)}
@@ -98,7 +98,7 @@ export function OnboardingChecklist() {
</div>
<button
onClick={handleDismiss}
className="rounded-md p-1 text-muted-foreground hover:text-foreground hover:bg-[rgba(255,255,255,0.04)] transition-colors"
className="rounded-md p-1 text-[#848b9b] hover:text-[#e2e5eb] hover:bg-[rgba(255,255,255,0.04)] transition-colors"
aria-label="Dismiss onboarding checklist"
>
<X size={16} />
@@ -126,11 +126,11 @@ export function OnboardingChecklist() {
className={cn(
'flex h-5 w-5 shrink-0 items-center justify-center rounded-md border transition-colors',
done
? 'bg-gradient-brand border-transparent'
: 'border-border'
? 'bg-[#22d3ee] border-transparent'
: 'border-[#1e2130]'
)}
>
{done && <Check size={12} className="text-[#101114]" />}
{done && <Check size={12} className="text-white" />}
</span>
{/* Label */}
@@ -138,8 +138,8 @@ export function OnboardingChecklist() {
className={cn(
'flex-1',
done
? 'text-muted-foreground line-through'
: 'text-foreground'
? 'text-[#848b9b] line-through'
: 'text-[#e2e5eb]'
)}
>
{item.label}
@@ -147,7 +147,7 @@ export function OnboardingChecklist() {
{/* Arrow for incomplete items */}
{!done && (
<ChevronRight size={14} className="text-muted-foreground shrink-0" />
<ChevronRight size={14} className="text-[#848b9b] shrink-0" />
)}
</button>
</li>