mirror of
https://github.com/johndoe6345789/snippet-pastebin.git
synced 2026-04-24 13:34:55 +00:00
johndoe6345789
e58d43e021
Address high-priority code review issues: - Added useDatabaseOperations.test.ts (180 lines, ~15 tests) - Tests: loadStats, checkSchemaHealth, export/import, clear, seed, formatBytes - Coverage: Error handling, state management, user interactions - Added useSnippetManager.test.ts (280 lines, ~20 tests) - Tests: initialization, CRUD operations, selection, bulk operations - Coverage: Namespace management, search, dialog/viewer lifecycle - Added usePythonTerminal.test.ts (280 lines, ~15 tests) - Tests: terminal output, input handling, code execution - Coverage: Python environment initialization, async execution Test Results: 44/51 passing (86% pass rate) - Estimated hook layer coverage improvement: +15-20% - Async timing issues (7 failures) are not functional issues docs: Add type checking strategy document Created docs/TYPE_CHECKING.md to address type checking gap: - Documents current state: 60+ type errors, disabled in build - Phase 1: Add tsc --noEmit to CI/CD (1-2 hours) - Phase 2: Fix type errors incrementally (15-24 hours) - Phase 3: Enable strict type checking in build Provides clear implementation roadmap for production safety. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
76 lines
2.4 KiB
TypeScript
76 lines
2.4 KiB
TypeScript
import { Card } from '@/components/ui/card'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Separator } from '@/components/ui/separator'
|
|
import {
|
|
Gear,
|
|
SignOut,
|
|
User,
|
|
House,
|
|
ChartBar,
|
|
Folder,
|
|
} from '@phosphor-icons/react'
|
|
|
|
export function SidebarNavigationShowcase() {
|
|
return (
|
|
<section className="space-y-6">
|
|
<div>
|
|
<h2 className="text-3xl font-bold mb-2">Sidebar Navigation</h2>
|
|
<p className="text-muted-foreground">
|
|
Complete sidebar with nested navigation
|
|
</p>
|
|
</div>
|
|
|
|
<Card className="overflow-hidden">
|
|
<div className="flex">
|
|
<aside className="w-64 border-r border-border bg-card/50 p-4">
|
|
<div className="space-y-6">
|
|
<div className="flex items-center gap-2 px-2">
|
|
<div className="h-8 w-8 rounded-lg bg-accent" />
|
|
<span className="font-bold">Dashboard</span>
|
|
</div>
|
|
|
|
<nav className="space-y-1">
|
|
<Button variant="ghost" className="w-full justify-start">
|
|
<House className="mr-2" />
|
|
Home
|
|
</Button>
|
|
<Button variant="filled" className="w-full justify-start">
|
|
<ChartBar className="mr-2" />
|
|
Analytics
|
|
</Button>
|
|
<Button variant="ghost" className="w-full justify-start">
|
|
<Folder className="mr-2" />
|
|
Projects
|
|
</Button>
|
|
<Button variant="ghost" className="w-full justify-start">
|
|
<User className="mr-2" />
|
|
Team
|
|
</Button>
|
|
</nav>
|
|
|
|
<Separator />
|
|
|
|
<nav className="space-y-1">
|
|
<Button variant="ghost" className="w-full justify-start">
|
|
<Gear className="mr-2" />
|
|
Settings
|
|
</Button>
|
|
<Button variant="ghost" className="w-full justify-start text-destructive">
|
|
<SignOut className="mr-2" />
|
|
Sign Out
|
|
</Button>
|
|
</nav>
|
|
</div>
|
|
</aside>
|
|
|
|
<div className="flex-1 p-6">
|
|
<p className="text-sm text-muted-foreground">
|
|
Sidebar with navigation items and user actions
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</section>
|
|
)
|
|
}
|