polish(web): tidy dashboard shell — emoji, dead bell, footer links, dvh

Remove the emoji from the header greeting and the duplicate avatar/name block
(the sidebar already shows the user). Remove the bell button that had no handler
or notification system behind it. Turn the footer's plain "Gizlilik Politikası,
Kullanım Koşulları" text into real /privacy and /terms links (matching the
landing footer). Switch min-h-screen to min-h-[100dvh] so the layout doesn't
jump on mobile Safari.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-25 03:13:54 +03:00
parent 301e7e50a8
commit 531ab35a89

View File

@@ -9,7 +9,6 @@ import { Link, Outlet, createFileRoute, useNavigate } from "@tanstack/react-rout
import {
ArrowRight,
BarChart3,
Bell,
BookOpen,
Copy,
CreditCard,
@@ -163,7 +162,7 @@ function DashboardLayout() {
if (isLoading) {
return (
<div className="flex min-h-screen">
<div className="flex min-h-[100dvh]">
<div className="hidden w-64 border-r border-border bg-background p-4 lg:block">
<Skeleton className="mb-8 h-8 w-32" />
{KEYS_5.map((__k) => (
@@ -261,7 +260,7 @@ function DashboardLayout() {
}
return (
<div className="flex min-h-screen bg-background">
<div className="flex min-h-[100dvh] bg-background">
{/* ─── Desktop Sidebar ──────────────────────────────────────────── */}
<aside
className={`hidden flex-shrink-0 border-r border-border transition-[width] duration-200 lg:flex lg:flex-col ${collapsed ? "w-[68px]" : "w-64"}`}
@@ -332,14 +331,9 @@ function DashboardLayout() {
<Menu className="size-5" />
</Button>
<div className="flex items-center gap-3">
<div className="hidden size-10 items-center justify-center rounded-full bg-muted text-sm font-semibold sm:flex">
{initials}
</div>
<div className="hidden sm:block">
<p className="text-sm font-semibold">{user.name}</p>
<p className="text-xs text-muted-foreground">Sase.tr'ye hoş geldiniz 👋</p>
</div>
<div className="hidden sm:block">
<p className="text-sm font-semibold">{user.name}</p>
<p className="text-xs text-muted-foreground">Sase.tr'ye hoş geldiniz</p>
</div>
</div>
@@ -363,12 +357,6 @@ function DashboardLayout() {
>
{isDark ? <Sun className="size-4" /> : <Moon className="size-4" />}
</button>
<button
type="button"
className="flex size-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
>
<Bell className="size-4" />
</button>
<button
type="button"
onClick={handleSignOut}
@@ -390,7 +378,14 @@ function DashboardLayout() {
{/* Footer */}
<div className="border-t border-border px-6 py-3">
<p className="text-center text-xs text-muted-foreground/60">
&copy; {new Date().getFullYear()} Sase.tr | Gizlilik Politikası, Kullanım Koşulları
&copy; {new Date().getFullYear()} Sase.tr ·{" "}
<Link to="/privacy" className="transition-colors hover:text-foreground">
Gizlilik Politikası
</Link>{" "}
·{" "}
<Link to="/terms" className="transition-colors hover:text-foreground">
Kullanım Koşulları
</Link>
</p>
</div>
</div>