Poyraz AvseverandCopilot
c73bf0e499
- Introduced Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage components for structured form handling. - Added Input, Textarea, and Select components for user input. - Implemented Label and Separator components for better UI organization. - Created Skeleton component for loading states. - Developed Toast and Toaster components for user notifications. - Integrated useToast hook for managing toast notifications. - Established AI analysis functionality with analyzeJournalWithLocalAI. - Set up Dexie for local database management with Journal and Task models. - Configured Supabase client for server-side and browser-side interactions. - Defined database schema for journals, tasks, chat sessions, and messages with Row Level Security policies. Co-authored-by: Copilot <copilot@github.com>
54 lines
1.9 KiB
TypeScript
54 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
import { LayoutDashboard, Book, CheckSquare, MessageCircle, Settings, BrainCircuit } from "lucide-react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const routes = [
|
|
{ name: "Dashboard", path: "/", icon: LayoutDashboard },
|
|
{ name: "Günlük", path: "/journal", icon: Book },
|
|
{ name: "Görevler", path: "/tasks", icon: CheckSquare },
|
|
{ name: "Sohbet", path: "/chat", icon: MessageCircle },
|
|
{ name: "Ayarlar", path: "/settings", icon: Settings },
|
|
];
|
|
|
|
export function Sidebar() {
|
|
const pathname = usePathname();
|
|
|
|
return (
|
|
<aside className="w-64 border-r border-border bg-card min-h-screen flex flex-col shrink-0">
|
|
<div className="h-16 flex items-center px-6 border-b border-border text-primary">
|
|
<BrainCircuit className="h-6 w-6 mr-2" />
|
|
<h2 className="text-xl font-bold tracking-tight">MindSpace</h2>
|
|
</div>
|
|
<nav className="flex-1 p-4 space-y-1">
|
|
{routes.map((route) => {
|
|
const isActive = pathname === route.path || pathname?.startsWith(route.path + "/");
|
|
// Home route exact match check
|
|
const isExactActive = route.path === "/" ? pathname === "/" : isActive;
|
|
|
|
return (
|
|
<Link
|
|
key={route.path}
|
|
href={route.path}
|
|
className={cn(
|
|
"flex items-center gap-3 px-3 py-2.5 rounded-lg transition-colors text-sm font-medium",
|
|
isExactActive
|
|
? "bg-primary text-primary-foreground"
|
|
: "text-muted-foreground hover:bg-muted hover:text-foreground"
|
|
)}
|
|
>
|
|
<route.icon className="h-5 w-5" />
|
|
{route.name}
|
|
</Link>
|
|
);
|
|
})}
|
|
</nav>
|
|
<div className="p-4 border-t border-border/50 text-xs text-muted-foreground/60 text-center">
|
|
Local-First AI Workspace
|
|
</div>
|
|
</aside>
|
|
);
|
|
}
|