Daniel/webshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Daniel:4b8dfd5b200a5da98795bd2a9b51b636617ca097
Branches Tags
Daniel:main Daniel:staging Daniel:develop Daniel:productiv
..
compare: Daniel:c3e81ee49ec0bbf61d329a6b4f42416121a59b9f
Branches Tags
Daniel:staging Daniel:develop Daniel:main Daniel:productiv

3 Commits
4b8dfd5b20 ... c3e81ee49e

Author SHA1 Message Date
DanielS
c3e81ee49e style: remove duplicate right-side stepper in wizard step 3
All checks were successful
Staging Build / build (push) Successful in 3m10s
Details
2026-08-11 00:51:17 +02:00
DanielS
ddc7a03a0b style: display step 3 status stepper horizontally 2026-08-11 00:50:19 +02:00
DanielS
e09c247f43 feat: make admin dashboard KPI cards clickable links 2026-08-11 00:45:58 +02:00
2 changed files with 71 additions and 64 deletions
Expand all files Collapse all files

17
shop/app/admin/page.tsx
View File

@@ -3,6 +3,7 @@ import { createAdminClient } from '@/lib/supabase/admin'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card' import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Package, ShoppingCart, Users, TrendingUp } from 'lucide-react' import { Package, ShoppingCart, Users, TrendingUp } from 'lucide-react'
import { AdminRecentOrders } from '@/components/admin/recent-orders' import { AdminRecentOrders } from '@/components/admin/recent-orders'
import Link from 'next/link'
// ─── KPI-Daten aus DB ──────────────────────────────────────────────────────── // ─── KPI-Daten aus DB ────────────────────────────────────────────────────────
async function getKpis() { async function getKpis() {
@@ -44,7 +45,8 @@ export default async function AdminDashboard() {
{/* KPI Cards – echte DB-Daten */} {/* KPI Cards – echte DB-Daten */}
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4"> <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<Card className="glass-dark border-white/5"> <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"> <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> <CardTitle className="text-sm font-medium text-slate-300">Umsatz aktueller Monat</CardTitle>
<TrendingUp className="h-4 w-4 text-primary" /> <TrendingUp className="h-4 w-4 text-primary" />
@@ -56,8 +58,10 @@ export default async function AdminDashboard() {
<p className="text-xs text-slate-400">Nur fertige Bestellungen</p> <p className="text-xs text-slate-400">Nur fertige Bestellungen</p>
</CardContent> </CardContent>
</Card> </Card>
</Link>
<Card className="glass-dark border-white/5"> <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"> <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> <CardTitle className="text-sm font-medium text-slate-300">Bestellungen</CardTitle>
<ShoppingCart className="h-4 w-4 text-primary" /> <ShoppingCart className="h-4 w-4 text-primary" />
@@ -67,8 +71,10 @@ export default async function AdminDashboard() {
<p className="text-xs text-slate-400">Gesamt</p> <p className="text-xs text-slate-400">Gesamt</p>
</CardContent> </CardContent>
</Card> </Card>
</Link>
<Card className="glass-dark border-white/5"> <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"> <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> <CardTitle className="text-sm font-medium text-slate-300">Produkte</CardTitle>
<Package className="h-4 w-4 text-primary" /> <Package className="h-4 w-4 text-primary" />
@@ -78,8 +84,10 @@ export default async function AdminDashboard() {
<p className="text-xs text-slate-400">Im Katalog</p> <p className="text-xs text-slate-400">Im Katalog</p>
</CardContent> </CardContent>
</Card> </Card>
</Link>
<Card className="glass-dark border-white/5"> <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"> <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> <CardTitle className="text-sm font-medium text-slate-300">Kunden</CardTitle>
<Users className="h-4 w-4 text-primary" /> <Users className="h-4 w-4 text-primary" />
@@ -89,6 +97,7 @@ export default async function AdminDashboard() {
<p className="text-xs text-slate-400">Registrierte User</p> <p className="text-xs text-slate-400">Registrierte User</p>
</CardContent> </CardContent>
</Card> </Card>
</Link>
</div> </div>
{/* Letzte Bestellungen – Client Component mit 30s-Polling */} {/* Letzte Bestellungen – Client Component mit 30s-Polling */}

42
shop/components/order-wizard.tsx
View File

@@ -940,34 +940,37 @@ export function OrderWizard({
</div> </div>
{/* Left Sidebar Status Stepper */} {/* 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"> <p className="text-xs font-bold uppercase tracking-wider text-slate-500">
Schritt 3 von 4 — Software konfigurieren Status
</p> </p>
<div className="flex flex-col gap-3 pl-1"> <div className="flex flex-row flex-wrap items-center gap-x-3 gap-y-2 pl-1">
<div className="flex items-center gap-3"> <div className="flex items-center gap-1.5">
<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"> <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.5 h-3.5" /> <Check className="w-3 h-3" />
</div> </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>
<div className="flex items-center gap-3"> <span className="text-slate-700 text-xs">/</span>
<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"> <div className="flex items-center gap-1.5">
<Check className="w-3.5 h-3.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> </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>
<div className="flex items-center gap-3"> <span className="text-slate-700 text-xs">/</span>
<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)]"> <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 3
</div> </div>
<span className="text-sm text-white font-bold">Software</span> <span className="text-xs text-white font-bold">Software</span>
</div> </div>
<div className="flex items-center gap-3"> <span className="text-slate-700 text-xs">/</span>
<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"> <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 4
</div> </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> </div>
</div> </div>
@@ -1058,11 +1061,6 @@ export function OrderWizard({
{/* RIGHT: Stepper Header + Summary sidebar */} {/* RIGHT: Stepper Header + Summary sidebar */}
<div className="lg:col-span-2 flex flex-col h-full overflow-hidden pl-4"> <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"> <div className="flex-1 overflow-hidden">
<SummarySidebar <SummarySidebar