refactor(layout): replace Card component with Loader2Icon for loading state

This commit is contained in:
mlogclub
2026-04-19 20:30:41 +08:00
parent c5bef3bd4f
commit 6d6a8aefa9
+13 -13
View File
@@ -1,14 +1,14 @@
"use client"
import type { CSSProperties, ReactNode } from "react"
import { Loader2Icon } from "lucide-react"
import { useRouter } from "next/navigation"
import type { CSSProperties, ReactNode } from "react"
import { useEffect } from "react"
import { AppSidebar } from "@/components/app-sidebar"
import { useAuth } from "@/components/auth-provider"
import { SiteHeader } from "@/components/site-header"
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"
import { Card, CardContent } from "@/components/ui/card"
export default function DashboardLayout({
children,
@@ -27,17 +27,17 @@ export default function DashboardLayout({
if (!ready || !session) {
return (
<div className="flex min-h-screen items-center justify-center bg-[linear-gradient(160deg,#f3f4f6_0%,#fff7ed_45%,#ecfeff_100%)] p-6">
<Card className="w-full max-w-md border-0 bg-white/90 shadow-xl shadow-slate-200/60 backdrop-blur">
<CardContent className="flex flex-col items-center gap-3 py-12 text-center">
<div className="size-10 animate-pulse rounded-full bg-primary/10" />
<div className="space-y-1">
<p className="text-base font-medium"></p>
<p className="text-sm text-muted-foreground">
</p>
</div>
</CardContent>
</Card>
<div className="flex items-center gap-3">
<div className="flex size-10 items-center justify-center rounded-full bg-primary/10 text-primary">
<Loader2Icon className="size-5 animate-spin" />
</div>
<div className="space-y-1">
<p className="text-base font-medium"></p>
<p className="text-sm text-muted-foreground">
</p>
</div>
</div>
</div>
)
}