UA-front/src/app/(dashboard)/layout.tsx at 27b8240176088c3a91e6bf8deae0e220c255aa5a · ungdev/UA-front · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
'use client';
import PanelHeader from '@/components/dashboard/PanelHeader';
import { useAppSelector } from '@/lib/hooks';
import { Permission } from '@/types';
import { usePathname } from 'next/navigation';

export default function Layout({ children }: { children: React.ReactNode }) {
  const pathname = usePathname();

  const permissions = useAppSelector((state) => state.login.user! && state.login.user!.permissions);
  const isShopAllowed = useAppSelector((state) => state.settings.shop);
  const isAdminPanel = pathname.startsWith('/admin');

  // Define state variables
  const isSpectator = useAppSelector((state) => state.login.status.spectator);
  const hasTeam = useAppSelector((state) => state.login.status.team);
  const hasBoughtSomething = useAppSelector((state) => !!state.carts.allCarts.length);

  if (pathname === '/admin/login') {
    return <>{children}</>;
  }

  const links = () => {
    const menu = [];

    // Team / spectator / register
    if (hasTeam) {
      menu.push({ title: 'Équipe', href: '/dashboard/team' });
    } else if (isSpectator) {
      menu.push({ title: 'Spectateur', href: '/dashboard/spectator' });
    } else {
      menu.push({ title: 'Inscription', href: '/dashboard/register' });
    }
    // Shop
    if (isShopAllowed && (isSpectator || hasTeam || permissions.includes(Permission.orga))) {
      menu.push({ title: 'Boutique', href: '/dashboard/shop' });
    }
    if (isSpectator || hasTeam || hasBoughtSomething) {
      menu.push({ title: 'Mes achats', href: '/dashboard/purchases' });
    }

    // Admin panel
    if (permissions.includes(Permission.anim) || permissions.includes(Permission.admin)) {
      menu.push({ title: 'Utilisateurs', href: '/admin/users' });
      menu.push({ title: 'Tournois', href: '/admin/tournaments' });
    }
    if (permissions.includes(Permission.entry) || permissions.includes(Permission.admin)) {
      menu.push({ title: 'Entrée', href: '/admin/scan' });
    }
    if (permissions.includes(Permission.admin)) {
      menu.push({ title: 'Boutique', href: '/admin/shop' });
      menu.push({ title: 'Partenaires', href: '/admin/partners' });
      menu.push({ title: 'Mails', href: '/admin/mails' });
      menu.push({ title: 'Faq', href: '/admin/faq' });
      menu.push({ title: 'Paramètres', href: '/admin/settings' });
    }
    if (permissions.includes(Permission.orga)) {
      menu.push({ title: 'Badge', href: '/admin/badge' });
    }
    if (permissions.includes(Permission.admin)) {
      menu.push({ title: 'Badge Generator', href: '/admin/genbadge' });
    }

    // Account panel
    menu.push({ title: 'Compte', href: '/dashboard/account' });
    return menu;
  };

  return (
    <>
      {isAdminPanel ? (
        <PanelHeader pathname={pathname} links={links} title="Administration" />
      ) : (
        <PanelHeader pathname={pathname} links={links} title="Dashboard" />
      )}
      {children}
    </>
  );
}