94 lines
3.0 KiB
TypeScript
94 lines
3.0 KiB
TypeScript
import { notFound } from 'next/navigation';
|
|
import Link from 'next/link';
|
|
import { auth } from '@/lib/auth';
|
|
import { getWorkshop, getSessionsTabUrl } from '@/lib/workshops';
|
|
import { getYearReviewSessionById } from '@/services/year-review';
|
|
import { getUserTeams } from '@/services/teams';
|
|
import type { ResolvedCollaborator } from '@/services/auth';
|
|
import { YearReviewBoard, YearReviewLiveWrapper } from '@/components/year-review';
|
|
import { Badge, CollaboratorDisplay } from '@/components/ui';
|
|
import { EditableYearReviewTitle } from '@/components/ui';
|
|
|
|
interface YearReviewSessionPageProps {
|
|
params: Promise<{ id: string }>;
|
|
}
|
|
|
|
export default async function YearReviewSessionPage({ params }: YearReviewSessionPageProps) {
|
|
const { id } = await params;
|
|
const authSession = await auth();
|
|
|
|
if (!authSession?.user?.id) {
|
|
return null;
|
|
}
|
|
|
|
const [session, userTeams] = await Promise.all([
|
|
getYearReviewSessionById(id, authSession.user.id),
|
|
getUserTeams(authSession.user.id),
|
|
]);
|
|
|
|
if (!session) {
|
|
notFound();
|
|
}
|
|
|
|
return (
|
|
<main className="mx-auto max-w-7xl px-4 py-8">
|
|
{/* Header */}
|
|
<div className="mb-8">
|
|
<div className="flex items-center gap-2 text-sm text-muted mb-2">
|
|
<Link href={getSessionsTabUrl('year-review')} className="hover:text-foreground">
|
|
{getWorkshop('year-review').label}
|
|
</Link>
|
|
<span>/</span>
|
|
<span className="text-foreground">{session.title}</span>
|
|
{!session.isOwner && (
|
|
<Badge variant="accent" className="ml-2">
|
|
Partagé par {session.user.name || session.user.email}
|
|
</Badge>
|
|
)}
|
|
</div>
|
|
|
|
<div className="flex items-start justify-between">
|
|
<div>
|
|
<EditableYearReviewTitle
|
|
sessionId={session.id}
|
|
initialTitle={session.title}
|
|
canEdit={session.canEdit}
|
|
/>
|
|
<div className="mt-2">
|
|
<CollaboratorDisplay
|
|
collaborator={session.resolvedParticipant as ResolvedCollaborator}
|
|
size="lg"
|
|
showEmail
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-center gap-3">
|
|
<Badge variant="primary">{session.items.length} items</Badge>
|
|
<Badge variant="default">Année {session.year}</Badge>
|
|
<span className="text-sm text-muted">
|
|
{new Date(session.updatedAt).toLocaleDateString('fr-FR', {
|
|
day: 'numeric',
|
|
month: 'long',
|
|
year: 'numeric',
|
|
})}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Live Wrapper + Board */}
|
|
<YearReviewLiveWrapper
|
|
sessionId={session.id}
|
|
sessionTitle={session.title}
|
|
currentUserId={authSession.user.id}
|
|
shares={session.shares}
|
|
isOwner={session.isOwner}
|
|
canEdit={session.canEdit}
|
|
userTeams={userTeams}
|
|
>
|
|
<YearReviewBoard sessionId={session.id} items={session.items} />
|
|
</YearReviewLiveWrapper>
|
|
</main>
|
|
);
|
|
}
|