feat: simplify to single-wishlist instance
Some checks failed
Build and Push Docker Image / build-and-push (push) Has been cancelled

- Home page redirects guests directly to the single wishlist slug
- Admin shows settings + single wishlist header + items only
- Removed multi-wishlist create/delete/reorder UI

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Adriano Belisario
2026-05-03 20:57:00 +00:00
parent cac2c223dd
commit 2726be337e
2 changed files with 366 additions and 218 deletions

View File

@@ -1,14 +1,11 @@
'use client';
import { useEffect, useState } from 'react';
import Link from 'next/link';
import { useEffect } from 'react';
import { useRouter } from 'next/navigation';
import { authApi, wishlistsApi, type Wishlist } from '@/lib/api';
import { authApi, wishlistsApi } from '@/lib/api';
export default function HomePage() {
const router = useRouter();
const [state, setState] = useState<'checking' | 'guest' | 'none'>('checking');
const [wishlists, setWishlists] = useState<Wishlist[]>([]);
useEffect(() => {
let cancelled = false;
@@ -31,65 +28,27 @@ export default function HomePage() {
router.replace('/admin');
return;
}
// For guests (and after usr token auth), redirect to the single wishlist
if (who.role === 'guest') {
const lists = await wishlistsApi.getAllPublic();
if (cancelled) return;
if (lists.length === 1) {
if (lists.length > 0) {
router.replace(`/${lists[0].slug}`);
return;
}
setWishlists(lists);
setState('guest');
return;
}
setState('none');
// Unauthenticated — show a simple landing
} catch {
if (!cancelled) setState('none');
// ignore
}
})();
return () => { cancelled = true; };
}, [router]);
if (state === 'checking') {
return <div className="min-h-screen flex items-center justify-center text-gray-500">Carregando</div>;
}
if (state === 'guest') {
return (
<div className="min-h-screen flex items-center justify-center px-6">
<div className="w-full max-w-2xl text-center">
<h1 className="text-3xl font-bold mb-6">Bem-vindo</h1>
{wishlists.length === 0 ? (
<p className="text-gray-500">Nenhuma lista disponível ainda.</p>
) : (
<ul className="space-y-3 text-left">
{wishlists.map((w) => (
<li key={w.id}>
<Link
href={`/${w.slug}`}
className="block rounded-lg border border-gray-200 dark:border-gray-700 p-4 hover:border-indigo-400 hover:bg-indigo-50/30 dark:hover:bg-indigo-900/10 transition"
>
<div className="font-semibold text-lg">{w.name}</div>
{w.description && (
<div className="text-sm text-gray-500 mt-1">{w.description}</div>
)}
</Link>
</li>
))}
</ul>
)}
</div>
</div>
);
}
return (
<div className="min-h-screen flex items-center justify-center text-center px-6">
<div className="max-w-xl">
<h1 className="text-4xl font-bold mb-3">Lista de Presentes</h1>
<p className="text-lg text-gray-500">
Gerencie listas de presentes e convites com facilidade.
</p>
<p className="text-lg text-gray-500">Carregando</p>
</div>
</div>
);