tr]:last:border-b-0",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+ return (
+ |
+ )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+ return (
+ [role=checkbox]]:translate-y-[2px]",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+ return (
+ | [role=checkbox]]:translate-y-[2px]",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+function TableCaption({
+ className,
+ ...props
+}: React.ComponentProps<"caption">) {
+ return (
+
+ )
+}
+
+export {
+ Table,
+ TableHeader,
+ TableBody,
+ TableFooter,
+ TableHead,
+ TableRow,
+ TableCell,
+ TableCaption,
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
new file mode 100644
index 0000000..bd0c391
--- /dev/null
+++ b/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs))
+}
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index d88a778..71544f2 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -2,6 +2,7 @@ import { Outlet, createRootRouteWithContext } from '@tanstack/react-router'
import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
import { TanstackDevtools } from '@tanstack/react-devtools'
import type { SupabaseAuthState } from '@/auth/supabase'
+import { ThemeProvider } from '@/components/theme-provider'
interface AuthContext {
auth: SupabaseAuthState
@@ -10,18 +11,21 @@ interface AuthContext {
export const Route = createRootRouteWithContext()({
component: () => (
<>
-
- ,
- },
- ]}
- />
+
+
+
+ ,
+ },
+ ]}
+ />
+
),
})
diff --git a/src/routes/_authenticated.tsx b/src/routes/_authenticated.tsx
index 1a48cd4..2448249 100644
--- a/src/routes/_authenticated.tsx
+++ b/src/routes/_authenticated.tsx
@@ -1,9 +1,167 @@
-import { createFileRoute, redirect } from '@tanstack/react-router'
+import { createFileRoute, Outlet, redirect, Link } from "@tanstack/react-router"
+import { useState } from "react"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Separator } from "@/components/ui/separator"
+import { ScrollArea } from "@/components/ui/scroll-area"
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
+import { ModeToggle } from "@/components/mode-toggle"
+import {
+ Menu,
+ Bell,
+ Search as SearchIcon,
+ LayoutDashboard,
+ GraduationCap,
+ FileText,
+ Settings,
+ LogOut,
+} from "lucide-react"
+import { useSupabaseAuth } from "@/auth/supabase"
-export const Route = createFileRoute('/_authenticated')({
+export const Route = createFileRoute("/_authenticated")({
beforeLoad: ({ context }) => {
if (!context.auth.isAuthenticated) {
- throw redirect({ to: '/login', search: { redirect: location.href } })
+ throw redirect({ to: "/login", search: { redirect: location.href } })
}
},
-})
\ No newline at end of file
+ component: Layout,
+})
+
+const nav = [
+ { to: "/planes", label: "Planes", icon: GraduationCap },
+ { to: "/materias", label: "Materias", icon: FileText },
+ { to: "/dashboard", label: "Dashboard", icon: LayoutDashboard },
+ { to: "/ajustes", label: "Ajustes", icon: Settings },
+]
+
+function Layout() {
+ const { auth } = Route.useRouteContext()
+ const [query, setQuery] = useState("")
+
+ return (
+
+ {/* Top bar */}
+
+
+ {/* Mobile menu */}
+
+
+
+
+
+ { }} />
+
+
+
+ {/* Brand */}
+
+ U
+ La Salle · Ingeniería
+
+
+ {/* Search */}
+
+
+
+ setQuery(e.target.value)}
+ placeholder="Buscar…"
+ className="w-64 pl-9"
+ />
+
+
+
+
+
+
+
+ {/* Shell */}
+
+ {/* Sidebar (desktop) */}
+
+
+ {/* Main content */}
+
+
+
+
+
+
+ U
+ La Salle · Ingeniería
+
+
+
+
+
+
+ © {new Date().getFullYear()} La Salle
+
- Hello "/_authenticated/planes"!
-
-
+ const filtered = useMemo(() => {
+ const term = q.trim().toLowerCase()
+ if (!term || !data) return data
+ return data.filter((p) =>
+ [p.nombre, p.nivel, p.estado]
+ .filter(Boolean)
+ .some((v) => String(v).toLowerCase().includes(term))
+ )
+ }, [q, data])
+
+ return (
+
+
+
+ Planes de estudio
+
+
+ setQ(e.target.value)} placeholder="Buscar por nombre, nivel o estado…" />
+
+
+
+
+
+
+
+ Nombre
+ Nivel
+ Créditos
+ Duración
+ Estado
+ Creado
+
+
+
+ {filtered?.map((p) => (
+
+ {p.nombre}
+ {p.nivel ?? "—"}
+ {p.total_creditos ?? "—"}
+ {p.duracion ?? "—"}
+
+ {p.estado ? (
+
+ {p.estado}
+
+ ) : (
+ "—"
+ )}
+
+
+ {p.fecha_creacion ? new Date(p.fecha_creacion).toLocaleDateString() : "—"}
+
+
+ ))}
+ {!filtered?.length && (
+
+
+ Sin resultados
+
+
+ )}
+
+
+
+
+
+ Logueado como: {auth.user?.email}
+
+ |