Compare commits
3 Commits
4b8dfd5b20
...
c3e81ee49e
| Author | SHA1 | Date | |
|---|---|---|---|
|
c3e81ee49e | ||
|
|
ddc7a03a0b | ||
|
|
e09c247f43 |
@@ -3,6 +3,7 @@ import { createAdminClient } from '@/lib/supabase/admin'
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { Package, ShoppingCart, Users, TrendingUp } from 'lucide-react'
|
||||
import { AdminRecentOrders } from '@/components/admin/recent-orders'
|
||||
import Link from 'next/link'
|
||||
|
||||
// ─── KPI-Daten aus DB ────────────────────────────────────────────────────────
|
||||
async function getKpis() {
|
||||
@@ -44,51 +45,59 @@ export default async function AdminDashboard() {
|
||||
|
||||
{/* KPI Cards – echte DB-Daten */}
|
||||
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
|
||||
<Card className="glass-dark border-white/5">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Umsatz aktueller Monat</CardTitle>
|
||||
<TrendingUp className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">
|
||||
{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(totalRevenue)}
|
||||
</div>
|
||||
<p className="text-xs text-slate-400">Nur fertige Bestellungen</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Link href="/admin/orders" className="block transition-transform duration-300 hover:scale-[1.02]">
|
||||
<Card className="glass-dark border-white/5 cursor-pointer hover:border-primary/40 hover:bg-white/[0.07] transition-all duration-300">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Umsatz aktueller Monat</CardTitle>
|
||||
<TrendingUp className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">
|
||||
{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(totalRevenue)}
|
||||
</div>
|
||||
<p className="text-xs text-slate-400">Nur fertige Bestellungen</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</Link>
|
||||
|
||||
<Card className="glass-dark border-white/5">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Bestellungen</CardTitle>
|
||||
<ShoppingCart className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">{orderCount}</div>
|
||||
<p className="text-xs text-slate-400">Gesamt</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Link href="/admin/orders" className="block transition-transform duration-300 hover:scale-[1.02]">
|
||||
<Card className="glass-dark border-white/5 cursor-pointer hover:border-primary/40 hover:bg-white/[0.07] transition-all duration-300">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Bestellungen</CardTitle>
|
||||
<ShoppingCart className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">{orderCount}</div>
|
||||
<p className="text-xs text-slate-400">Gesamt</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</Link>
|
||||
|
||||
<Card className="glass-dark border-white/5">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Produkte</CardTitle>
|
||||
<Package className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">{productCount}</div>
|
||||
<p className="text-xs text-slate-400">Im Katalog</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Link href="/admin/products" className="block transition-transform duration-300 hover:scale-[1.02]">
|
||||
<Card className="glass-dark border-white/5 cursor-pointer hover:border-primary/40 hover:bg-white/[0.07] transition-all duration-300">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Produkte</CardTitle>
|
||||
<Package className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">{productCount}</div>
|
||||
<p className="text-xs text-slate-400">Im Katalog</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</Link>
|
||||
|
||||
<Card className="glass-dark border-white/5">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Kunden</CardTitle>
|
||||
<Users className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">{userCount}</div>
|
||||
<p className="text-xs text-slate-400">Registrierte User</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Link href="/admin/users" className="block transition-transform duration-300 hover:scale-[1.02]">
|
||||
<Card className="glass-dark border-white/5 cursor-pointer hover:border-primary/40 hover:bg-white/[0.07] transition-all duration-300">
|
||||
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
|
||||
<CardTitle className="text-sm font-medium text-slate-300">Kunden</CardTitle>
|
||||
<Users className="h-4 w-4 text-primary" />
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold text-white">{userCount}</div>
|
||||
<p className="text-xs text-slate-400">Registrierte User</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
{/* Letzte Bestellungen – Client Component mit 30s-Polling */}
|
||||
|
||||
@@ -940,34 +940,37 @@ export function OrderWizard({
|
||||
</div>
|
||||
|
||||
{/* Left Sidebar Status Stepper */}
|
||||
<div className="space-y-4 py-4 border-t border-b border-white/5">
|
||||
<div className="space-y-2 py-4 border-t border-b border-white/5">
|
||||
<p className="text-xs font-bold uppercase tracking-wider text-slate-500">
|
||||
Schritt 3 von 4 — Software konfigurieren
|
||||
Status
|
||||
</p>
|
||||
<div className="flex flex-col gap-3 pl-1">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-6 h-6 rounded-full bg-green-500/20 border border-green-500/35 flex items-center justify-center text-green-400 text-xs">
|
||||
<Check className="w-3.5 h-3.5" />
|
||||
<div className="flex flex-row flex-wrap items-center gap-x-3 gap-y-2 pl-1">
|
||||
<div className="flex items-center gap-1.5">
|
||||
<div className="w-5 h-5 rounded-full bg-green-500/20 border border-green-500/35 flex items-center justify-center text-green-400 text-[10px]">
|
||||
<Check className="w-3 h-3" />
|
||||
</div>
|
||||
<span className="text-sm text-slate-400 font-medium">Kunde</span>
|
||||
<span className="text-xs text-slate-400 font-medium">Kunde</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-6 h-6 rounded-full bg-green-500/20 border border-green-500/35 flex items-center justify-center text-green-400 text-xs">
|
||||
<Check className="w-3.5 h-3.5" />
|
||||
<span className="text-slate-700 text-xs">/</span>
|
||||
<div className="flex items-center gap-1.5">
|
||||
<div className="w-5 h-5 rounded-full bg-green-500/20 border border-green-500/35 flex items-center justify-center text-green-400 text-[10px]">
|
||||
<Check className="w-3 h-3" />
|
||||
</div>
|
||||
<span className="text-sm text-slate-400 font-medium">Modell</span>
|
||||
<span className="text-xs text-slate-400 font-medium">Modell</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-6 h-6 rounded-full bg-primary/20 border border-primary text-primary flex items-center justify-center text-xs font-bold shadow-[0_0_10px_rgba(59,130,246,0.2)]">
|
||||
<span className="text-slate-700 text-xs">/</span>
|
||||
<div className="flex items-center gap-1.5">
|
||||
<div className="w-5 h-5 rounded-full bg-primary/20 border border-primary text-primary flex items-center justify-center text-[10px] font-bold shadow-[0_0_10px_rgba(59,130,246,0.2)]">
|
||||
3
|
||||
</div>
|
||||
<span className="text-sm text-white font-bold">Software</span>
|
||||
<span className="text-xs text-white font-bold">Software</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-6 h-6 rounded-full bg-white/5 border border-white/10 text-slate-500 flex items-center justify-center text-xs">
|
||||
<span className="text-slate-700 text-xs">/</span>
|
||||
<div className="flex items-center gap-1.5">
|
||||
<div className="w-5 h-5 rounded-full bg-white/5 border border-white/10 text-slate-500 flex items-center justify-center text-[10px]">
|
||||
4
|
||||
</div>
|
||||
<span className="text-sm text-slate-600 font-medium">Abschluss</span>
|
||||
<span className="text-xs text-slate-600 font-medium">Abschluss</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1058,11 +1061,6 @@ export function OrderWizard({
|
||||
|
||||
{/* RIGHT: Stepper Header + Summary sidebar */}
|
||||
<div className="lg:col-span-2 flex flex-col h-full overflow-hidden pl-4">
|
||||
{/* Steps indicator at the top right */}
|
||||
<div className="shrink-0 pb-4 border-b border-white/5 mb-4">
|
||||
<p className="text-right text-slate-400 text-xs mb-2">Schritt 3 von 4 — Software konfigurieren</p>
|
||||
<ProgressStepper step={step} basketItemsCount={basketItems.length} />
|
||||
</div>
|
||||
|
||||
<div className="flex-1 overflow-hidden">
|
||||
<SummarySidebar
|
||||
|
||||
Reference in New Issue
Block a user