2025-10-22 17:09:48 +02:00
|
|
|
import AppLayout from '@/layouts/app-layout';
|
2026-04-09 09:09:48 +02:00
|
|
|
import { type BreadcrumbItem, type PageProps } from '@/types';
|
2026-04-08 15:17:05 +02:00
|
|
|
import { Head, router, usePage } from '@inertiajs/react';
|
2026-04-09 09:09:48 +02:00
|
|
|
import { useEffect, useState } from 'react';
|
2026-04-08 15:17:05 +02:00
|
|
|
import DashboardController from '@/actions/App/Http/Controllers/DashboardController';
|
|
|
|
|
import { FlashMessage } from '@/components/flash-message';
|
2026-04-09 09:09:48 +02:00
|
|
|
import { WelcomeCard } from '@/components/features/dashboard/WelcomeCard';
|
|
|
|
|
import { NoMemberCard } from '@/components/features/dashboard/NoMemberCard';
|
|
|
|
|
import { ServicesSection } from '@/components/features/dashboard/ServicesSection';
|
2025-10-22 17:09:48 +02:00
|
|
|
|
|
|
|
|
const breadcrumbs: BreadcrumbItem[] = [
|
|
|
|
|
{
|
2026-04-08 15:17:05 +02:00
|
|
|
title: 'Tableau de bord',
|
|
|
|
|
href: DashboardController.index().url,
|
2025-10-22 17:09:48 +02:00
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
export default function Dashboard() {
|
2026-04-08 15:17:05 +02:00
|
|
|
const { flash, member } = usePage<PageProps>().props;
|
|
|
|
|
const [showFlash, setShowFlash] = useState(!!flash);
|
|
|
|
|
const [submitting, setSubmitting] = useState(false);
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (flash) {
|
|
|
|
|
setShowFlash(true);
|
|
|
|
|
const timer = setTimeout(() => setShowFlash(false), 5000);
|
|
|
|
|
return () => clearTimeout(timer);
|
|
|
|
|
}
|
|
|
|
|
}, [flash]);
|
|
|
|
|
|
|
|
|
|
function handleActivationRequest(identifier: string) {
|
|
|
|
|
setSubmitting(true);
|
|
|
|
|
router.post(
|
|
|
|
|
DashboardController.requestServiceActivation().url,
|
|
|
|
|
{ service_identifier: identifier },
|
|
|
|
|
{
|
|
|
|
|
preserveScroll: true,
|
|
|
|
|
onFinish: () => setSubmitting(false),
|
|
|
|
|
},
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const membership = member?.membership ?? null;
|
|
|
|
|
const services = membership?.services ?? [];
|
|
|
|
|
|
2025-10-22 17:09:48 +02:00
|
|
|
return (
|
|
|
|
|
<AppLayout breadcrumbs={breadcrumbs}>
|
|
|
|
|
<Head title="Tableau de bord" />
|
2026-04-08 15:17:05 +02:00
|
|
|
|
|
|
|
|
<div className="flex flex-col gap-6 p-4 md:p-6">
|
|
|
|
|
{showFlash && flash && <FlashMessage messages={flash} />}
|
|
|
|
|
|
|
|
|
|
{member ? (
|
|
|
|
|
<>
|
|
|
|
|
<WelcomeCard member={member} />
|
|
|
|
|
|
|
|
|
|
{services.length > 0 && (
|
2026-04-09 09:09:48 +02:00
|
|
|
<ServicesSection
|
|
|
|
|
services={services}
|
|
|
|
|
submitting={submitting}
|
|
|
|
|
onRequest={handleActivationRequest}
|
|
|
|
|
/>
|
2026-04-08 15:17:05 +02:00
|
|
|
)}
|
|
|
|
|
|
|
|
|
|
{services.length === 0 && membership && (
|
|
|
|
|
<div className="nb-shadow-static bg-white dark:bg-[#171717] rounded-2xl p-6 text-center text-muted-foreground text-sm">
|
|
|
|
|
Aucun service associé à votre adhésion pour le moment.
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
|
|
|
|
|
{!membership && (
|
|
|
|
|
<div className="nb-shadow-static bg-white dark:bg-[#171717] rounded-2xl p-6 text-center text-muted-foreground text-sm">
|
|
|
|
|
Votre demande d'adhésion est en cours de traitement.
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
</>
|
|
|
|
|
) : (
|
|
|
|
|
<NoMemberCard />
|
|
|
|
|
)}
|
2025-10-22 17:09:48 +02:00
|
|
|
</div>
|
|
|
|
|
</AppLayout>
|
|
|
|
|
);
|
|
|
|
|
}
|
