From 4489c5a9e723cfad5f41aafd929bccdc6ac0257b Mon Sep 17 00:00:00 2001
From: Antoine D <106921102+Suboyyy@users.noreply.github.com>
Date: Sun, 13 Oct 2024 17:42:09 +0200
Subject: [PATCH] Merge master (#406)

* Custom badge commission input (#402)

* commission : input, add permission field

* orga permisison is orgaprice

* fix: permission can know be invite + add ' ' value

* fix: permission as BadgePermission

---------

Co-authored-by: Antoine D <antoine.dufils@yahoo.fr>

* security: disable possibility for non-admin users from editing  fields except "place" in user modal (#404)

* feat: trailer added (#405)

Co-authored-by: Antoine D <antoine.dufils@yahoo.fr>

---------

Co-authored-by: Antoine D <antoine.dufils@yahoo.fr>
---
 src/app/(dashboard)/admin/genbadge/page.tsx   | 23 +++++++++++++++----
 .../admin/genbadge/style.module.scss          |  4 ++--
 src/app/page.tsx                              |  4 ++--
 src/components/dashboard/UserModal.tsx        | 23 ++++++++-----------
 src/types.ts                                  |  2 +-
 5 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/src/app/(dashboard)/admin/genbadge/page.tsx b/src/app/(dashboard)/admin/genbadge/page.tsx
index 572a6f68..d624fbce 100644
--- a/src/app/(dashboard)/admin/genbadge/page.tsx
+++ b/src/app/(dashboard)/admin/genbadge/page.tsx
@@ -142,7 +142,7 @@ const GenBadges = () => {
                   }}
                   required
                 />
-                <Select
+                <Input
                   label="Commission"
                   value={fields![i]?.commissionId ?? ''}
                   onChange={(e) => {
@@ -150,10 +150,23 @@ const GenBadges = () => {
                     newFields[i] = { ...newFields[i], commissionId: e };
                     setFields(newFields);
                   }}
-                  options={commissions.map((commission) => ({
-                    label: commission.name,
-                    value: commission.id,
-                  }))}
+                  required
+                />
+                <Select
+                  label="Permissions"
+                  value={fields![i]?.permission ?? ''}
+                  onChange={(e) => {
+                    const newFields = [...fields!];
+                    newFields[i] = { ...newFields[i], permission: e as BadgePermission };
+                    setFields(newFields);
+                  }}
+                  options={[
+                    { label: 'Aucune', value: '' },
+                    { label: 'Restreint', value: 'restricted' },
+                    { label: 'Organisateur', value: 'orgaprice' },
+                    { label: 'Accès total', value: 'fullaccess' },
+                    { label: 'Invité', value: 'invite' },
+                  ]}
                   required
                 />
                 <Select
diff --git a/src/app/(dashboard)/admin/genbadge/style.module.scss b/src/app/(dashboard)/admin/genbadge/style.module.scss
index 80986e70..2e1144f9 100644
--- a/src/app/(dashboard)/admin/genbadge/style.module.scss
+++ b/src/app/(dashboard)/admin/genbadge/style.module.scss
@@ -22,7 +22,7 @@
     align-items: center;
     margin-bottom: 2rem;
     > * {
-      max-width: 50%;
+      max-width: 75%;
       margin-bottom: 0;
       > * {
         margin-left: 1rem;
@@ -34,7 +34,7 @@
       justify-content: space-between;
       align-items: flex-end;
       gap: 1rem;
-    
+
       > button {
         margin: 1.25rem 0;
         padding: 0.75rem 1rem;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 32ce5afb..4e38bfc0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ import Partners from '@/components/Partners';
 import Slider from '@/components/landing/Slider';
 import Counter from '@/components/landing/Counter';
 import BoxContainer from '@/components/landing/BoxContainer';
-import { VerticalDivider, Button, Title, Icon, TextBlock } from '@/components/UI';
+import { VerticalDivider, Button, Title, Icon, TextBlock, YoutubeVideoContainer } from '@/components/UI';
 import AppearFromSide from '@/components/UI/AppearFromSide';
 import Link from 'next/link';
 import ParallaxElementSettings from '@/components/parallax/ParallaxElementSettings';
@@ -65,7 +65,7 @@ const Home = () => {
               </p>
             </div>
           </div>,
-          /*<YoutubeVideoContainer key={'slide-2'} id="Rapw-tXMeDU" />,*/
+          <YoutubeVideoContainer key={'slide-2'} id="geOoiwoYtps" />,
           <div key={'slide-3'} className={styles.homeHeader}>
             <div className={styles.content}>
               <img src={banner.src} alt="Rejoindre l'aventure" loading="lazy" />
diff --git a/src/components/dashboard/UserModal.tsx b/src/components/dashboard/UserModal.tsx
index c53af6b9..22de6503 100644
--- a/src/components/dashboard/UserModal.tsx
+++ b/src/components/dashboard/UserModal.tsx
@@ -275,26 +275,20 @@ const UserModal = ({
       containerClassName={styles.userModal}>
       <>
         <Input label="ID" value={searchUser?.id ?? ''} readOnly />
-        <Input label="Nom" value={lastname} onChange={setLastname} disabled={!isAdmin && !isAnim} />
-        <Input label="Prénom" value={firstname} onChange={setFirstname} disabled={!isAdmin && !isAnim} />
+        <Input label="Nom" value={lastname} onChange={setLastname} disabled={!isAdmin} />
+        <Input label="Prénom" value={firstname} onChange={setFirstname} disabled={!isAdmin} />
         {(!searchUser || searchUser.type !== UserType.attendant) && (
           <>
-            <Input label="Pseudo" value={username} onChange={setUsername} disabled={!isAdmin && !isAnim} />
-            <Input label="Email" value={email} onChange={setEmail} disabled={!isAdmin && !isAnim} />
+            <Input label="Pseudo" value={username} onChange={setUsername} disabled={!isAdmin} />
+            <Input label="Email" value={email} onChange={setEmail} disabled={!isAdmin} />
             {!searchUser && (
-              <Input
-                label="Mot de passe"
-                type="password"
-                value={password}
-                onChange={setPassword}
-                disabled={!isAdmin && !isAnim}
-              />
+              <Input label="Mot de passe" type="password" value={password} onChange={setPassword} disabled={!isAdmin} />
             )}
             <Textarea
               label="Infos complémentaires"
               value={customMessage ?? ''}
               onChange={setCustomMessage}
-              disabled={!isAdmin && !isAnim}
+              disabled={!isAdmin}
             />
             {searchUser && (
               <>
@@ -426,7 +420,7 @@ const UserModal = ({
               options={typeOptions}
               value={type?.toString()}
               onChange={(v) => setType(v as unknown as UserType)}
-              disabled={searchUser.hasPaid}></Radio>
+              disabled={searchUser.hasPaid || !isAdmin}></Radio>
             <Radio
               label="Âge"
               name="age"
@@ -435,13 +429,14 @@ const UserModal = ({
               value={age?.toString()}
               onChange={(v) => setAge(v as unknown as UserAge)}
               disabled={
+                !isAdmin ||
                 searchUser.type === UserType.attendant ||
                 (searchUser.hasPaid && searchUser.age === UserAge.child && searchUser.attendant !== null)
               }></Radio>
             {searchUser.type !== UserType.attendant && (
               <>
                 <Input label="Place" value={place} onChange={setPlace} />
-                <Input label="Discord Id" value={discordId} onChange={setDiscordId}></Input>
+                <Input label="Discord Id" value={discordId} onChange={setDiscordId} disabled={!isAdmin}></Input>
               </>
             )}
           </>
diff --git a/src/types.ts b/src/types.ts
index f4d63ece..8f047334 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -305,7 +305,7 @@ export interface UserFilters extends Record<string, string | undefined> {
 }
 
 export type BadgeType = 'orgas' | 'custom' | 'single' | 'singlecustom';
-export type BadgePermission = 'restricted' | 'orgaprice' | 'fullaccess';
+export type BadgePermission = 'restricted' | 'orgaprice' | 'fullaccess' | 'invite';
 
 export interface Badge {
   type: BadgeType;