feat: Add onboarding tutorial and improved empty states
Onboarding Tutorial: - 5-step walkthrough for new users - Welcome, Scan, Taste, Sessions, Ready steps - Skippable, stores completion in localStorage - Beautiful full-screen overlay with animations Empty States: - SessionList: Visual empty state with icon and description - BuddyList: Visual empty state with icon and description - Reusable EmptyState component ready for more usage Layout: Added OnboardingTutorial and CookieBanner
This commit is contained in:
@@ -135,8 +135,14 @@ export default function BuddyList() {
|
||||
<Loader2 size={24} className="animate-spin" />
|
||||
</div>
|
||||
) : buddies.length === 0 ? (
|
||||
<div className="text-center py-8 text-zinc-600 text-xs font-bold">
|
||||
{t('buddy.noBuddies')}
|
||||
<div className="text-center py-8">
|
||||
<div className="w-14 h-14 mx-auto rounded-2xl bg-zinc-800/50 flex items-center justify-center mb-4">
|
||||
<Users size={24} className="text-zinc-500" />
|
||||
</div>
|
||||
<p className="text-sm font-bold text-zinc-400 mb-1">Keine Buddies</p>
|
||||
<p className="text-xs text-zinc-600 max-w-[200px] mx-auto">
|
||||
Füge Freunde hinzu um deren Empfehlungen zu sehen
|
||||
</p>
|
||||
</div>
|
||||
) : (
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3 max-h-[400px] overflow-y-auto pr-2 scrollbar-none">
|
||||
|
||||
Reference in New Issue
Block a user