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

feat(dashboard): mark calendar button as planned in quick access
Some checks failed
Staging Build / build (push) Failing after 31s
Details

Browse Source 
Add planned status badge to appointment calendar quick access button.
This commit is contained in:
DanielS
2026-07-22 12:33:04 +02:00
parent fef1ccd0f5
commit 0a60526800
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
shop/components/HomeClient.tsx
View File

@@ -163,6 +163,27 @@ export function HomeClient({ initialUser }: HomeClientProps) {
<ArrowUpRight className="w-4.5 h-4.5 text-slate-600 group-hover:text-blue-400 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all" />
</motion.div>
</Link>
<Link href="/my-orders" className="group">
<motion.div
whileHover={{ y: -2 }}
whileTap={{ scale: 0.98 }}
className="flex items-center justify-between p-4 rounded-xl border border-slate-800 bg-slate-950 hover:bg-slate-900 hover:border-slate-700 transition-all duration-200"
>
<div className="flex items-center gap-4">
<div className="p-2.5 rounded-lg bg-blue-500/10 text-blue-400 group-hover:bg-blue-500/20 group-hover:text-blue-300 transition-colors">
<Calendar className="w-5.5 h-5.5" />
</div>
<div className="text-left">
<div className="flex items-center gap-2">
<span className="block font-bold text-sm text-slate-200 group-hover:text-white transition-colors">Termin-Kalender</span>
<span className="px-1.5 py-0.5 text-[10px] font-medium bg-amber-500/10 text-amber-400 border border-amber-500/20 rounded-md">Geplant</span>
</div>
<span className="block text-xs text-slate-500 group-hover:text-slate-400 transition-colors">Alle Termine im Überblick</span>
</div>
</div>
<ArrowUpRight className="w-4.5 h-4.5 text-slate-600 group-hover:text-blue-400 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all" />
</motion.div>
</Link>
</div>
</div>
</motion.div>