From 4e10e21bc30cdd0f7e49f7e439dc92ba582129b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Landr=C3=A9?= <noe.landre@laposte.net>
Date: Thu, 5 Sep 2024 15:50:02 +0200
Subject: [PATCH 01/14] fix: front questions link

---
 src/app/help/page.tsx          | 2 +-
 src/app/help/style.module.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/help/page.tsx b/src/app/help/page.tsx
index 82ed03bf..e76ac158 100644
--- a/src/app/help/page.tsx
+++ b/src/app/help/page.tsx
@@ -273,7 +273,7 @@ const Help = () => {
                     .normalize('NFD')
                     .replace(/[\u0300-\u036f]/g, '')}-${index}`
                 }>
-                <p>{question.answer}</p>
+                <div className={styles.answer}>{question.answer}</div>
               </Collapse>
             ))}
           </div>
diff --git a/src/app/help/style.module.scss b/src/app/help/style.module.scss
index f96b9886..2b679d84 100644
--- a/src/app/help/style.module.scss
+++ b/src/app/help/style.module.scss
@@ -29,6 +29,10 @@
         font-family: $kanit;
         margin: 1rem 0;
       }
+
+      .answer {
+        padding-bottom: 0.5rem;
+      }
     }
   }
 }

From 876947016d83ad6a53036bd82791d5647234e584 Mon Sep 17 00:00:00 2001
From: Antoine Dufils <antoine.dufils@utt.fr>
Date: Mon, 9 Sep 2024 13:15:41 +0200
Subject: [PATCH 02/14] fix: Change favicon.ico

---
 public/favicon.ico | Bin 15086 -> 2324 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/public/favicon.ico b/public/favicon.ico
index 988dc185f3c2cdd883db20ac5e7a370b7ad308eb..a9a9130409461d5da1d1a8696ebd0b73898bd8c9 100644
GIT binary patch
literal 2324
zcmV+v3G4O%0096205C8B0096X0R9L702TlM0EtjeM-2)Z3IG5A4M|8uQUCw|FaQ7m
zFbD<!00374`G)`i2*pW6K~#90?OAzLROc0U>5`b{v`3qOf*8?&s9_0~3Is7OBy0k*
z3ep&MkbOr4EGWaG28JzcGJvcz3^NSOn*~7@Sp+0Nl3G&jlA5NrCy`WYtjO*Co->x5
z#NZ%9{wVjH-+AzucjtG%d*9tyv0_=4Wm%Sm$cC3}o>N(CwH~o`>nl#%@cJr31Mwna
z<qys8J4N@m!k_D=Qg)W_iO&1`rHHp{9l5b@&+#co`-K1K?eLsN;<pgJh%$sPLj8y4
zOiQ&`s%dbVx`^cOB7h*GunFEU@&^5#zX6T)_F!in18OR^V5s*FM26*p+RL_p20TRc
zAj}azT5{rky=*lEGpWD%i<}N2*fB*jNd6{*WuHrhA2jo}L1Lx|6B8p}YfFoW0Bubd
z*1<jAzl%@Fm`SfFhO-<NoNKJOcTrd?{llcxXzE7Cs-+>{!`_4BKSKaPKrefe+1=)f
zVf4a$&-Q#Idj5DXdp|xmE`L6vuL;UW1@}Illt$fArV&VdHGW|L624zKDuAMEEnkK9
zaYFs^zM{H(yBb%=_BVMjn9RQ&bBlx{jxpeLC~{Uq)s}-^oA)3VLVhKZ4?)Z(4RC=u
z!v722(|uOGNLF|2CZ{p|9iE`K{U~f)Z%5vbM#N7SgZE=;|B!MBzQUO%E)VPD-0b*>
z(p)Uv)^A0sBH^1_nl7NV*@YMYvTU_D;e;o>IeCD42Tz^E?0x**cu^G35hSavxzX`f
zL}(7|-sKI455+&gd+wx`AnFj6h@UKk{0m50Ku-Sb5O20>R1m$`<mIBT<91YkyX!3R
zfQM@`@xs@L`!bIZuoU(R68A#Pg!geUTX2Shd)aH0#DB%*zV<co7g~D4BGO^+8-a4t
zps8*TI$NBurW_*1#XYqr{JPmc4!Ob^srsN5Y7o^Qv<4`Pyj-x3m|MLkg5)>`Y*e*{
zlL=>_yuASmFSCIqs)NwL#0NXIoP(cA8HSH(-bl+#@?bNG{Vx$pFaNJ43s#~Le+(^c
zg-Qwuqvz%If*=ZOMnO~Mzb*Ir+B}T`S?7oOkam?epv$+rQQ>^Q5Fyn(p-~LUgIvhP
z?~m(m`j!#NshNMrP%?U=5}(fcRruk51YO}k<`56g4e?`_g1pRtpvpc9>c?6k63Je~
z@Fk?@8c~6U{Yuxp^NC9GiVJm^S9#$7zlW@s&;YCI0SfX*S|EFf4=1s3o<S~i47iO|
zJo-vo{m-7L1l{9cV(1AaRi#ir+yZ4I0+XdOpn5=P+&L}=ES&TK*2+AA#P1;(em#xr
z=2e0Q1mR!;{vqiQR4N4P9Fge~aHj=Hn#T0g4IZ!%rysq8A0iBVF4sTZK!gUw?lbcN
z*E}J36p10BMzUlfghZ|6;c@{Ds2ii-0kJ|#NWt*-PX&^by-USlkVYjdiSM@riH8&N
zBz<$o+kk;dBxjhfumQnu9}EP~f;O-?CxYM#NtbgTwIpd2$+L(7B<@SE3E=%}EtpEV
zT!oaN0ZyvxtRX&z0qGnmynS9Yg#(L*k~lw>e_ofaJTbuiR31X?u{Qc;#-9rnQiKNV
zBz*`D=-^f;28TQ`@kE%Ccs~|(72CIhyy78;RRVdn<?!y2C<qQrgj4x>ihVa3v=Mhu
zA$U55L0wG^>^ehDV2)N=GiPHNwPwG0$cUldG0@dH3h8Mq`2v76ab^lDR9$D4yKR#b
z7;3wNxzW4eACWz4V-=F61n#uB*oB2T+Jw(~ILE=J4ffz*8w-ZIp0H)3{a?|5wF)cT
zrS1M^+>uicM@w5^pnwapZYiMlk`3w4cP}=1^sIJXJ^xlnnGj+x2p}@#6r`pyF?4F-
zWOn)c3sOqvQpAL|h9gXrx56~l56$RSe7Qfz`&x@d-Z@{SW||@TJgH7X@0DIZO_4PX
zeZ}9&x@NP&O4t9==0({CjgW<XuY1Am<}SF4M)=ytLP~b&pUtzV1Ny1dGp!0EswC!t
z7sO-PTq#6WNkA`+g6L`qIOU5$wkT^_kYYbCMwgXE#N(-mq}0JeF71WM_6{&gr@*I7
z{PkI`G#QJW!u0`D^6DI()Hl3RGR5Re;Y6(j5)pi<2+lKdpoCQeQPq-}LpdV71sR~d
z#kI=LCI)sJddo8bbmunG28?xffiZ)E16bg~DkX66oM;kHDlDHbQJGJ#aXPg&oh|h;
zJWY+;<cPqxObokG7iKsx%M?LULZ<A%tR7;!9JnCzL{N#V-VRT&vyKH@%V;3k=udT0
zxZT$Sm7;dQlY=+2MRbuvPe4eu80s5pW@3&f@e2E!BS`yACOU+PthWgW>}B(cIz-dv
zSt5wJC;_`%5%^%6LWozi2qC4k3CxV%fdl3t#N(W2+L_|RznHrbV8s{Fr{CS(LB}R`
zr?erh;}ktPk+L6!9V7$$_5|$T=MEopk%)h*?UF#DKnjDS?ew*TPeEo{G58!ygTr?5
zaA0qUSZAy2vv21%Z?La)Fbjg3#1fi(50ecUC$i|%b1o1=;Z*_M@)l#ig3Z<wNy|}y
z14^xIK~RkSO&HF*JV6coTHk~AGRgfehZ8R?DCd8dsK0D$u}AONtfP4_7-Kk*7dbNc
z6bYSw#ng$v#0CpWkUW`L%kcVr<gvf`#%HS02y!jzXrv8z^%ZBb$jVsMRXZwMhonEl
zlqz5O-HnZA)L;nhsOyqw;|bPg4DqJPcDYJM==)Be7!in#Sv+3JphE7Kwl_R5*zPuj
zx-FFQe*%krq1?FWd~mWqF)G{le<SZB3B!hAVS7`L<U!(`*bhL=nWrHg-;J|Fk7jI~
zXW{sx4)gc*13VY>^z(~OTrO_TC--Y<y138xzpa>RvHGn~E_q{oS2c_XMhf%ur&x_F
zVB)($3`-eozJKky<T@I{L*faTofekgl`UUPwy*lQm$!DOmh%?BqtOPResamUWkR^C
uZ9=&1tDBuFcW!hjzMx%}Wm%U05BV=7kj*Mm^MvOB0000<MNUMnLSTYjeP2-k

literal 15086
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
CH*?JZ


From fd98c1fabf74cfa7937c199f25da18c3a20ae074 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Landr=C3=A9?= <noe.landre@laposte.net>
Date: Mon, 9 Sep 2024 13:52:17 +0200
Subject: [PATCH 03/14] fix: change issues

---
 src/app/help/page.tsx                | 5 +++++
 src/app/tournaments/[id]/content.tsx | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/help/page.tsx b/src/app/help/page.tsx
index e76ac158..80acabe5 100644
--- a/src/app/help/page.tsx
+++ b/src/app/help/page.tsx
@@ -241,6 +241,11 @@ const Help = () => {
       setEmail('');
       setMessage('');
       setSubject('');
+
+      if (user) {
+        setName(user.firstname + ' ' + user.lastname);
+        setEmail(user.email);
+      }
     }
   };
 
diff --git a/src/app/tournaments/[id]/content.tsx b/src/app/tournaments/[id]/content.tsx
index dd237c20..35b8164d 100644
--- a/src/app/tournaments/[id]/content.tsx
+++ b/src/app/tournaments/[id]/content.tsx
@@ -9,7 +9,7 @@ import TournamentSwitcherAnimation from '@/components/landing/TournamentSwitcher
 import { useEffect, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '@/lib/hooks';
 // import Table from '@/components/UI/Table';
-import { getTournamentBackgroundLink } from '@/utils/uploadLink';
+import { getTournamentBackgroundLink, getTournamentRulesLink } from '@/utils/uploadLink';
 import { IconName } from '@/components/UI/Icon';
 import logoUA from '@/../public/images/logo-notext.webp';
 import FillingBar from '@/components/UI/FillingBar';
@@ -56,11 +56,11 @@ export function TournamentInformation({ tournamentId, animate = true }: { tourna
               {tournament.name}
             </Title>
           </div>
-          {/*{loginAllowed && (
+          {loginAllowed && (
             <Link href={getTournamentRulesLink(tournament.id)} target="_blank">
               <Button primary>Voir les règles</Button>
             </Link>
-          )}*/}
+          )}
         </div>
         <div className={styles.information}>
           <BoxContainer

From a189d662e2e51cfa6ff6c1691e2d993395fc9a41 Mon Sep 17 00:00:00 2001
From: Antoine Dufils <antoine.dufils@utt.fr>
Date: Tue, 10 Sep 2024 18:07:43 +0200
Subject: [PATCH 04/14] UA rules open new window

---
 src/app/(dashboard)/dashboard/register/page.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/register/page.tsx b/src/app/(dashboard)/dashboard/register/page.tsx
index bac21309..714a0db5 100644
--- a/src/app/(dashboard)/dashboard/register/page.tsx
+++ b/src/app/(dashboard)/dashboard/register/page.tsx
@@ -275,8 +275,11 @@ const Register = () => {
                 <>
                   En cochant cette case je certifie avoir lu et accepté{' '}
                   {userType !== UserType.spectator && 'le règlement du tournoi (disponible sur la page du tournoi), '}{' '}
-                  le <a href={`${uploadsUrl()}/rules/ua.pdf`}>règlement de l'UTT Arena</a> et autorise la prise de vue
-                  comme indiqué dans celui-ci
+                  le{' '}
+                  <a href={`${uploadsUrl()}/rules/ua.pdf`} target="_blank">
+                    règlement de l'UTT Arena
+                  </a>{' '}
+                  et autorise la prise de vue comme indiqué dans celui-ci
                 </>
               }
               value={acceptedRules}

From b3be5dcad6511226c178a14a6fa0fad7eb4caaba Mon Sep 17 00:00:00 2001
From: Antoine D <106921102+Suboyyy@users.noreply.github.com>
Date: Thu, 12 Sep 2024 01:26:24 +0200
Subject: [PATCH 05/14] Fix/items logo (#375)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix/adding logo for items

* fix: null attribute if empty

* pnpm lint

* fix: display logo

* fix: build

* fix: build 2.0

---------

Co-authored-by: Antoine Dufils <antoine.dufils@utt.fr>
Co-authored-by: Antoine D <antoine.dufils@yahoo.fr>
Co-authored-by: Noé Landré <68849024+DevNono@users.noreply.github.com>
---
 src/app/(dashboard)/admin/shop/page.tsx           |  3 ++-
 src/app/(dashboard)/dashboard/shop/page.tsx       |  9 +++++----
 src/components/dashboard/Cart.stories.tsx         |  2 +-
 src/components/dashboard/ItemModal.tsx            | 15 +++++++--------
 .../dashboard/SupplementList.stories.tsx          |  2 +-
 src/components/dashboard/SupplementList.tsx       |  4 ++--
 src/modules/admin.ts                              |  9 ++++++++-
 src/types.ts                                      |  2 +-
 src/utils/uploadLink.ts                           | 10 ++++++++++
 9 files changed, 37 insertions(+), 19 deletions(-)

diff --git a/src/app/(dashboard)/admin/shop/page.tsx b/src/app/(dashboard)/admin/shop/page.tsx
index 6cd113ea..5d95ef7a 100644
--- a/src/app/(dashboard)/admin/shop/page.tsx
+++ b/src/app/(dashboard)/admin/shop/page.tsx
@@ -6,6 +6,7 @@ import { AdminItem } from '@/types';
 import { useEffect, useRef, useState } from 'react';
 import styles from './style.module.scss';
 import { fetchAdminItems, reorderItems } from '@/modules/admin';
+import { getItemLogoLink } from '@/utils/uploadLink';
 
 const Shop = () => {
   const shopItems = useAppSelector((state) => state.admin.items);
@@ -27,7 +28,7 @@ const Shop = () => {
       shopItems?.map((item, index) => (
         <Square
           key={index}
-          imgSrc={item.image ? '/images/' + item.image : undefined}
+          imgSrc={item.image ? getItemLogoLink(item.id) : undefined}
           alt={item.name}
           onClick={(e) => {
             if ((e!.target as ChildNode).parentElement?.parentElement?.classList.contains('dragging')) return;
diff --git a/src/app/(dashboard)/dashboard/shop/page.tsx b/src/app/(dashboard)/dashboard/shop/page.tsx
index 18b8fa45..f9c0b34d 100644
--- a/src/app/(dashboard)/dashboard/shop/page.tsx
+++ b/src/app/(dashboard)/dashboard/shop/page.tsx
@@ -14,6 +14,7 @@ import { getTicketPrice } from '@/modules/users';
 import { useAppDispatch, useAppSelector } from '@/lib/hooks';
 import { AttendantInfo, CartItem, Item, Permission, User, UserAge, UserType } from '@/types';
 import { IconName } from '@/components/UI/Icon';
+import { getItemLogoLink } from '@/utils/uploadLink';
 
 // Hello there ! This is a big file (and it's not the only one :P), I commented it as well as I could, I hope you'll understand :)
 
@@ -42,8 +43,8 @@ const Shop = () => {
   // The item that is beeing previewed. This is a string containing the relative path to the image, starting from public/
   // If itemPreview is null, then there is nothing to preview, and thus the modal for the preview is not displayed
   const [itemPreview, setItemPreview] = useState<{
-    image: string;
     visible: boolean;
+    id: string;
   } | null>(null);
   // The members of the team who didn't buy a ticket
   const [teamMembersWithoutTicket, setTeamMembersWithoutTicket] = useState<User[]>([]);
@@ -282,8 +283,8 @@ const Shop = () => {
 
   // Callback of SupplementList. It is called when the user wants to preview an item
   // newItemPreview is the new value of itemPreview.
-  const onItemPreview = (newItemPreview: string) => {
-    setItemPreview({ image: newItemPreview, visible: true });
+  const onItemPreview = (id: string) => {
+    setItemPreview({ id: id, visible: true });
   };
 
   // Called when the user clicks on the pay button
@@ -428,7 +429,7 @@ const Shop = () => {
         {itemPreview && (
           <img
             alt="Preview image"
-            src={`/images/${itemPreview.image}`}
+            src={getItemLogoLink(itemPreview.id)}
             className={styles.itemPreviewImage}
             loading="lazy"
           />
diff --git a/src/components/dashboard/Cart.stories.tsx b/src/components/dashboard/Cart.stories.tsx
index 966a1f3e..c603ce05 100644
--- a/src/components/dashboard/Cart.stories.tsx
+++ b/src/components/dashboard/Cart.stories.tsx
@@ -34,7 +34,7 @@ export const Default: Story = {
         id: '1',
         name: 'Item 1',
         price: 100,
-        image: 'https://via.placeholder.com/150',
+        image: true,
         infos: 'test',
         left: 10,
       },
diff --git a/src/components/dashboard/ItemModal.tsx b/src/components/dashboard/ItemModal.tsx
index 530c2930..1116a73a 100644
--- a/src/components/dashboard/ItemModal.tsx
+++ b/src/components/dashboard/ItemModal.tsx
@@ -1,8 +1,9 @@
 import { useState } from 'react';
-import { Modal, Button, Input, Textarea, Checkbox, Select } from '@/components/UI';
+import { Modal, Button, Input, Textarea, Checkbox, Select, FileInput } from '@/components/UI';
 import { useAppDispatch } from '@/lib/hooks';
 import { AdminItem } from '@/types';
 import { updateItem } from '@/modules/admin';
+import { getItemLogoLink } from '@/utils/uploadLink';
 
 /** The partner modal */
 const ItemModal = ({
@@ -23,6 +24,7 @@ const ItemModal = ({
   const [endDate, setEndDate] = useState(item?.availableUntil || null);
   const [quantity, setQuantity] = useState(item?.stock || null);
   const [infos, setInfos] = useState(item?.infos || null);
+  const [logo, setLogo] = useState<File | null>(null);
   const [display, setDisplay] = useState(item?.display || false);
 
   const [attribute, setAttribute] = useState(item?.attribute || null);
@@ -59,7 +61,7 @@ const ItemModal = ({
                 id: id ?? '',
                 name: name ?? '',
                 category: category ?? '',
-                attribute: attribute ?? '',
+                attribute: attribute ? attribute : null,
                 price: price ?? 0,
                 reducedPrice: reducedPrice ?? 0,
                 availableFrom: startDate ?? '',
@@ -67,15 +69,11 @@ const ItemModal = ({
                 // we update the stock through a difference between the current stock and the quantity in order to avoid conflicts if an order is made at the same time
                 left: quantity! - item!.stock! ?? item!.stock!,
                 infos: infos ?? '',
-                display,
+                display: display ?? false,
               } as AdminItem;
 
-              if (attribute === '') {
-                delete body.attribute;
-              }
-
               dispatch(
-                updateItem(body, () => {
+                updateItem(body, logo, () => {
                   onClose!();
                 }),
               );
@@ -125,6 +123,7 @@ const ItemModal = ({
           onChange={(value) => setQuantity(value as unknown as number)}
         />
         <Textarea label="Description" value={infos ?? ''} onChange={setInfos} />
+        <FileInput label="Logo" value={item ? getItemLogoLink(item.id) : ''} onChange={setLogo} type={['png']} />
         <Checkbox label="Display" value={display} onChange={setDisplay} />
       </>
     </Modal>
diff --git a/src/components/dashboard/SupplementList.stories.tsx b/src/components/dashboard/SupplementList.stories.tsx
index 7de33229..7d1a042e 100644
--- a/src/components/dashboard/SupplementList.stories.tsx
+++ b/src/components/dashboard/SupplementList.stories.tsx
@@ -16,7 +16,7 @@ export const Default: Story = {
         id: '1',
         name: 'Item 1',
         price: 100,
-        image: 'https://via.placeholder.com/150',
+        image: true,
         infos: 'test',
         left: 10,
         attribute: 'test',
diff --git a/src/components/dashboard/SupplementList.tsx b/src/components/dashboard/SupplementList.tsx
index c82195ca..315b12de 100644
--- a/src/components/dashboard/SupplementList.tsx
+++ b/src/components/dashboard/SupplementList.tsx
@@ -43,7 +43,7 @@ const SupplementList = ({
   /** The function to call when the supplement cart changes */
   onSupplementCartChanges: (newSupplementCart: typeof supplementCart) => void;
   /** The function to call when the user wants to preview an item */
-  onItemPreview: (image: string) => void;
+  onItemPreview: (id: string) => void;
   /** The item type */
   itemType: string;
   /** The shop section name */
@@ -208,7 +208,7 @@ const SupplementList = ({
               <Button
                 className={styles.itemPreviewButton}
                 onLightBackground
-                onClick={() => onItemPreview(supplement.image!)}>
+                onClick={() => onItemPreview(supplement.id!)}>
                 Voir le design
               </Button>
             )}
diff --git a/src/modules/admin.ts b/src/modules/admin.ts
index 3d4af0b8..5c327d8a 100644
--- a/src/modules/admin.ts
+++ b/src/modules/admin.ts
@@ -9,6 +9,8 @@ import {
   getTournamentRulesName,
   getTournamentBackgroundName,
   getPartnerLogoLink,
+  getItemLogoName,
+  ITEM_FOLDER,
 } from '@/utils/uploadLink';
 import { deleteFile, uploadFile } from '@/utils/upload';
 import * as normalPartners from '@/modules/partners';
@@ -274,7 +276,7 @@ export const fetchAdminItems = (): AppThunk => async (dispatch) => {
 };
 
 export const updateItem =
-  (item: AdminItem, callback: () => void): AppThunk =>
+  (item: AdminItem, logo: File | null, callback: () => void): AppThunk =>
   async (dispatch) => {
     try {
       const result = await API.patch(`admin/items/${item.id}`, {
@@ -288,8 +290,13 @@ export const updateItem =
         availableFrom: item.availableFrom,
         availableUntil: item.availableUntil,
         display: item.display.toString(),
+        image: logo ? true : false,
       });
 
+      if (result && logo) {
+        await uploadFile(logo, getItemLogoName(result.id), ITEM_FOLDER);
+      }
+
       callback();
       toast.success("L'item a bien été mis à jour");
 
diff --git a/src/types.ts b/src/types.ts
index 08771744..3560ea79 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -198,7 +198,7 @@ export interface Item {
   attributes?: string[] | null;
   price: number;
   infos: string | null;
-  image: string | null;
+  image: boolean | null;
   left: number | null;
   availableFrom?: Date;
   availableUntil?: Date;
diff --git a/src/utils/uploadLink.ts b/src/utils/uploadLink.ts
index 4ff42bca..a5984cec 100644
--- a/src/utils/uploadLink.ts
+++ b/src/utils/uploadLink.ts
@@ -1,5 +1,6 @@
 // Consts
 export const TOURNAMENT_FOLDER = 'tournaments';
+export const ITEM_FOLDER = 'items';
 export const PARTNER_FOLDER = 'partners';
 
 // Tournaments
@@ -40,3 +41,12 @@ export const getPartnerLogoName = (partnerId: string) => {
 export const getPartnerLogoLink = (partnerId: string) => {
   return `${process.env.NEXT_PUBLIC_UPLOADS_URL}/${PARTNER_FOLDER}/${getPartnerLogoName(partnerId)}.webp`;
 };
+
+// Items
+export const getItemLogoName = (itemId: string) => {
+  return `${itemId}-logo`;
+};
+
+export const getItemLogoLink = (itemId: string) => {
+  return `${process.env.NEXT_PUBLIC_UPLOADS_URL}/${ITEM_FOLDER}/${getItemLogoName(itemId)}.webp`;
+};

From a5a9acd372f5afdefc8f77d9c19c5bbb241db424 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Landr=C3=A9?= <noe.landre@laposte.net>
Date: Thu, 12 Sep 2024 01:33:31 +0200
Subject: [PATCH 06/14] fix: Logo to Image

---
 src/app/(dashboard)/admin/shop/page.tsx     |  4 ++--
 src/app/(dashboard)/dashboard/shop/page.tsx |  6 +++---
 src/components/dashboard/ItemModal.tsx      |  8 ++++----
 src/modules/admin.ts                        | 10 +++++-----
 src/utils/uploadLink.ts                     |  6 +++---
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/app/(dashboard)/admin/shop/page.tsx b/src/app/(dashboard)/admin/shop/page.tsx
index 5d95ef7a..eaabb34e 100644
--- a/src/app/(dashboard)/admin/shop/page.tsx
+++ b/src/app/(dashboard)/admin/shop/page.tsx
@@ -6,7 +6,7 @@ import { AdminItem } from '@/types';
 import { useEffect, useRef, useState } from 'react';
 import styles from './style.module.scss';
 import { fetchAdminItems, reorderItems } from '@/modules/admin';
-import { getItemLogoLink } from '@/utils/uploadLink';
+import { getItemImageLink } from '@/utils/uploadLink';
 
 const Shop = () => {
   const shopItems = useAppSelector((state) => state.admin.items);
@@ -28,7 +28,7 @@ const Shop = () => {
       shopItems?.map((item, index) => (
         <Square
           key={index}
-          imgSrc={item.image ? getItemLogoLink(item.id) : undefined}
+          imgSrc={item.image ? getItemImageLink(item.id) : undefined}
           alt={item.name}
           onClick={(e) => {
             if ((e!.target as ChildNode).parentElement?.parentElement?.classList.contains('dragging')) return;
diff --git a/src/app/(dashboard)/dashboard/shop/page.tsx b/src/app/(dashboard)/dashboard/shop/page.tsx
index f9c0b34d..8ecfe195 100644
--- a/src/app/(dashboard)/dashboard/shop/page.tsx
+++ b/src/app/(dashboard)/dashboard/shop/page.tsx
@@ -14,7 +14,7 @@ import { getTicketPrice } from '@/modules/users';
 import { useAppDispatch, useAppSelector } from '@/lib/hooks';
 import { AttendantInfo, CartItem, Item, Permission, User, UserAge, UserType } from '@/types';
 import { IconName } from '@/components/UI/Icon';
-import { getItemLogoLink } from '@/utils/uploadLink';
+import { getItemImageLink } from '@/utils/uploadLink';
 
 // Hello there ! This is a big file (and it's not the only one :P), I commented it as well as I could, I hope you'll understand :)
 
@@ -284,7 +284,7 @@ const Shop = () => {
   // Callback of SupplementList. It is called when the user wants to preview an item
   // newItemPreview is the new value of itemPreview.
   const onItemPreview = (id: string) => {
-    setItemPreview({ id: id, visible: true });
+    setItemPreview({ id, visible: true });
   };
 
   // Called when the user clicks on the pay button
@@ -429,7 +429,7 @@ const Shop = () => {
         {itemPreview && (
           <img
             alt="Preview image"
-            src={getItemLogoLink(itemPreview.id)}
+            src={getItemImageLink(itemPreview.id)}
             className={styles.itemPreviewImage}
             loading="lazy"
           />
diff --git a/src/components/dashboard/ItemModal.tsx b/src/components/dashboard/ItemModal.tsx
index 1116a73a..ebb3b2ae 100644
--- a/src/components/dashboard/ItemModal.tsx
+++ b/src/components/dashboard/ItemModal.tsx
@@ -3,7 +3,7 @@ import { Modal, Button, Input, Textarea, Checkbox, Select, FileInput } from '@/c
 import { useAppDispatch } from '@/lib/hooks';
 import { AdminItem } from '@/types';
 import { updateItem } from '@/modules/admin';
-import { getItemLogoLink } from '@/utils/uploadLink';
+import { getItemImageLink } from '@/utils/uploadLink';
 
 /** The partner modal */
 const ItemModal = ({
@@ -24,7 +24,7 @@ const ItemModal = ({
   const [endDate, setEndDate] = useState(item?.availableUntil || null);
   const [quantity, setQuantity] = useState(item?.stock || null);
   const [infos, setInfos] = useState(item?.infos || null);
-  const [logo, setLogo] = useState<File | null>(null);
+  const [image, setImage] = useState<File | null>(null);
   const [display, setDisplay] = useState(item?.display || false);
 
   const [attribute, setAttribute] = useState(item?.attribute || null);
@@ -73,7 +73,7 @@ const ItemModal = ({
               } as AdminItem;
 
               dispatch(
-                updateItem(body, logo, () => {
+                updateItem(body, image, () => {
                   onClose!();
                 }),
               );
@@ -123,7 +123,7 @@ const ItemModal = ({
           onChange={(value) => setQuantity(value as unknown as number)}
         />
         <Textarea label="Description" value={infos ?? ''} onChange={setInfos} />
-        <FileInput label="Logo" value={item ? getItemLogoLink(item.id) : ''} onChange={setLogo} type={['png']} />
+        <FileInput label="Logo" value={item ? getItemImageLink(item.id) : ''} onChange={setImage} type={['png']} />
         <Checkbox label="Display" value={display} onChange={setDisplay} />
       </>
     </Modal>
diff --git a/src/modules/admin.ts b/src/modules/admin.ts
index 5c327d8a..3b639206 100644
--- a/src/modules/admin.ts
+++ b/src/modules/admin.ts
@@ -9,7 +9,7 @@ import {
   getTournamentRulesName,
   getTournamentBackgroundName,
   getPartnerLogoLink,
-  getItemLogoName,
+  getItemImageName,
   ITEM_FOLDER,
 } from '@/utils/uploadLink';
 import { deleteFile, uploadFile } from '@/utils/upload';
@@ -276,7 +276,7 @@ export const fetchAdminItems = (): AppThunk => async (dispatch) => {
 };
 
 export const updateItem =
-  (item: AdminItem, logo: File | null, callback: () => void): AppThunk =>
+  (item: AdminItem, image: File | null, callback: () => void): AppThunk =>
   async (dispatch) => {
     try {
       const result = await API.patch(`admin/items/${item.id}`, {
@@ -290,11 +290,11 @@ export const updateItem =
         availableFrom: item.availableFrom,
         availableUntil: item.availableUntil,
         display: item.display.toString(),
-        image: logo ? true : false,
+        image: image ? true : false,
       });
 
-      if (result && logo) {
-        await uploadFile(logo, getItemLogoName(result.id), ITEM_FOLDER);
+      if (result && image) {
+        await uploadFile(image, getItemImageName(result.id), ITEM_FOLDER);
       }
 
       callback();
diff --git a/src/utils/uploadLink.ts b/src/utils/uploadLink.ts
index a5984cec..8c53f9cb 100644
--- a/src/utils/uploadLink.ts
+++ b/src/utils/uploadLink.ts
@@ -43,10 +43,10 @@ export const getPartnerLogoLink = (partnerId: string) => {
 };
 
 // Items
-export const getItemLogoName = (itemId: string) => {
+export const getItemImageName = (itemId: string) => {
   return `${itemId}-logo`;
 };
 
-export const getItemLogoLink = (itemId: string) => {
-  return `${process.env.NEXT_PUBLIC_UPLOADS_URL}/${ITEM_FOLDER}/${getItemLogoName(itemId)}.webp`;
+export const getItemImageLink = (itemId: string) => {
+  return `${process.env.NEXT_PUBLIC_UPLOADS_URL}/${ITEM_FOLDER}/${getItemImageName(itemId)}.webp`;
 };

From 314d6a26d6a647948696c6b6e1355d269a2d1c8b Mon Sep 17 00:00:00 2001
From: Teddy Roncin <teddy.roncin@proton.me>
Date: Thu, 12 Sep 2024 01:47:14 +0200
Subject: [PATCH 07/14] Feat/front stripe v2 (#376)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: added support for stripe

* feat: added sync button

* fix: public key is now stored in env var

* fix: typo

* initial commit

* feet: Starting stripe page / share stripeToken

* Problem with stripeToken = null

* it workssssss!

* quick fix in help page

* feat: add payment page

* Payment now is instantly shown, payment is happening but problem after payment

* payment working fine

* fix: review

* fix: review 2

---------

Co-authored-by: Antoine D <antoine.dufils@yahoo.fr>
Co-authored-by: Remi-pcn <remiponcin55@gmail.com>
Co-authored-by: Noé Landré <noe.landre@laposte.net>
Co-authored-by: Noé Landré <68849024+DevNono@users.noreply.github.com>
---
 .env.example                                  |  3 +
 package.json                                  |  2 +
 pnpm-lock.yaml                                | 26 ++++++
 .../dashboard/payment/callback/page.tsx       | 49 ++++++++++
 .../(dashboard)/dashboard/payment/layout.tsx  | 33 +++++++
 .../(dashboard)/dashboard/payment/page.tsx    | 92 +++++++++++++------
 .../dashboard/payment/style.module.scss       | 15 +++
 src/app/(dashboard)/dashboard/shop/page.tsx   |  6 +-
 src/app/help/layout.tsx                       |  2 +-
 src/app/layout.tsx                            |  2 +-
 src/components/UI/Collapse.module.scss        |  9 +-
 src/modules/cart.ts                           |  4 +-
 src/utils/environment.ts                      |  1 +
 src/utils/stripe.ts                           |  4 +
 src/variables.module.scss                     | 14 +++
 15 files changed, 224 insertions(+), 38 deletions(-)
 create mode 100644 src/app/(dashboard)/dashboard/payment/callback/page.tsx
 create mode 100644 src/app/(dashboard)/dashboard/payment/layout.tsx
 create mode 100644 src/app/(dashboard)/dashboard/payment/style.module.scss
 create mode 100644 src/utils/stripe.ts
 create mode 100644 src/variables.module.scss

diff --git a/.env.example b/.env.example
index 7d285a4d..63be7102 100644
--- a/.env.example
+++ b/.env.example
@@ -15,3 +15,6 @@ NEXT_PUBLIC_UPLOADS_URL=https://arena.dev.uttnetgroup.fr/uploads/files
 # Google credentials
 NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=
 NEXT_PUBLIC_GOOGLE_VERIFICATION=
+
+# Stripe
+NEXT_PUBLIC_STRIPE_PUBLIC_KEY=
diff --git a/package.json b/package.json
index c0a567f0..66458582 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,8 @@
   "dependencies": {
     "@react-spring/web": "^9.7.4",
     "@reduxjs/toolkit": "^2.2.7",
+    "@stripe/react-stripe-js": "^2.8.0",
+    "@stripe/stripe-js": "^4.4.0",
     "modern-normalize": "^3.0.0",
     "next": "^14.2.7",
     "qr-scanner": "^1.4.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 798c2803..b77deee7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,6 +14,12 @@ importers:
       '@reduxjs/toolkit':
         specifier: ^2.2.7
         version: 2.2.7(react-redux@9.1.2(@types/react@18.3.5)(react@18.3.1)(redux@5.0.1))(react@18.3.1)
+      '@stripe/react-stripe-js':
+        specifier: ^2.8.0
+        version: 2.8.0(@stripe/stripe-js@4.4.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@stripe/stripe-js':
+        specifier: ^4.4.0
+        version: 4.4.0
       modern-normalize:
         specifier: ^3.0.0
         version: 3.0.0
@@ -1623,6 +1629,17 @@ packages:
     peerDependencies:
       storybook: ^8.2.9
 
+  '@stripe/react-stripe-js@2.8.0':
+    resolution: {integrity: sha512-Vf1gNEuBxA9EtxiLghm2ZWmgbADNMJw4HW6eolUu0DON/6mZvWZgk0KHolN0sozNJwYp0i/8hBsDBcBUWcvnbw==}
+    peerDependencies:
+      '@stripe/stripe-js': ^1.44.1 || ^2.0.0 || ^3.0.0 || ^4.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  '@stripe/stripe-js@4.4.0':
+    resolution: {integrity: sha512-p1WeTOwnAyXQ9I5/YC3+JXoUB6NKMR4qGjBobie2+rgYa3ftUTRS2L5qRluw/tGACty5SxqnfORCdsaymD1XjQ==}
+    engines: {node: '>=12.16'}
+
   '@swc/core-darwin-arm64@1.7.22':
     resolution: {integrity: sha512-B2Bh2W+C7ALdGwDxRWAJ+UtNExfozvwyayGiNkbR3wmDKXXeQfhGM5MK+QYUWKu7UQ6ATq69OyZrxofDobKUug==}
     engines: {node: '>=10'}
@@ -7887,6 +7904,15 @@ snapshots:
     dependencies:
       storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
 
+  '@stripe/react-stripe-js@2.8.0(@stripe/stripe-js@4.4.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@stripe/stripe-js': 4.4.0
+      prop-types: 15.8.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@stripe/stripe-js@4.4.0': {}
+
   '@swc/core-darwin-arm64@1.7.22':
     optional: true
 
diff --git a/src/app/(dashboard)/dashboard/payment/callback/page.tsx b/src/app/(dashboard)/dashboard/payment/callback/page.tsx
new file mode 100644
index 00000000..e85f6d21
--- /dev/null
+++ b/src/app/(dashboard)/dashboard/payment/callback/page.tsx
@@ -0,0 +1,49 @@
+'use client';
+import { useEffect } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { toast } from 'react-toastify';
+import { useStripe } from '@stripe/react-stripe-js';
+import { PaymentIntentResult } from '@stripe/stripe-js';
+import { Loader } from '@/components/UI';
+import styles from '../style.module.scss';
+
+const Payment = () => {
+  const router = useRouter();
+  const search = useSearchParams();
+  const clientSecret = search.get('payment_intent_client_secret');
+  const stripe = useStripe();
+
+  useEffect(() => {
+    if (!stripe || !clientSecret) {
+      return;
+    }
+
+    stripe.retrievePaymentIntent(clientSecret).then(({ paymentIntent }: PaymentIntentResult) => {
+      if (!paymentIntent) {
+        return;
+      }
+
+      if (paymentIntent.status === 'succeeded') {
+        toast.success('Paiement effectué avec succès');
+      } else if (paymentIntent.status === 'requires_payment_method') {
+        toast.error('Le paiement a échoué. Veuillez réessayer.');
+      } else if (paymentIntent.status === 'processing') {
+        toast.error(
+          'Le paiement est en cours de traitement. Vous recevrez un email de confirmation une fois le paiement effectué.',
+        );
+      } else {
+        toast.error("Une erreur inattendue s'est produite lors du paiement.");
+      }
+
+      router.push('/dashboard');
+    });
+  }, [stripe, clientSecret]);
+
+  return (
+    <div className={styles.callbackLoader}>
+      <Loader />
+    </div>
+  );
+};
+
+export default Payment;
diff --git a/src/app/(dashboard)/dashboard/payment/layout.tsx b/src/app/(dashboard)/dashboard/payment/layout.tsx
new file mode 100644
index 00000000..b9db644f
--- /dev/null
+++ b/src/app/(dashboard)/dashboard/payment/layout.tsx
@@ -0,0 +1,33 @@
+'use client';
+
+import { Elements } from '@stripe/react-stripe-js';
+import { Appearance, loadStripe, StripeElementsOptions } from '@stripe/stripe-js';
+const stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY!);
+import variables from '@/variables.module.scss';
+import { useSearchParams } from 'next/navigation';
+
+const PaymentLayout = ({ children }: { children: React.ReactNode }) => {
+  const search = useSearchParams();
+  const stripeToken = search.get('stripeToken') ?? search.get('payment_intent_client_secret');
+
+  const appearance = {
+    theme: 'stripe',
+    variables: {
+      colorPrimary: variables.primaryColor,
+      colorBackground: variables.primaryBackground,
+      colorText: variables.lightColor,
+    },
+  } satisfies Appearance;
+  const options = {
+    clientSecret: stripeToken,
+    appearance,
+  } as StripeElementsOptions;
+
+  return (
+    <Elements stripe={stripePromise} options={options}>
+      {children}
+    </Elements>
+  );
+};
+
+export default PaymentLayout;
diff --git a/src/app/(dashboard)/dashboard/payment/page.tsx b/src/app/(dashboard)/dashboard/payment/page.tsx
index 43d27b6c..66591afd 100644
--- a/src/app/(dashboard)/dashboard/payment/page.tsx
+++ b/src/app/(dashboard)/dashboard/payment/page.tsx
@@ -1,39 +1,71 @@
 'use client';
-import { useEffect } from 'react';
-import { ReadonlyURLSearchParams, useRouter, useSearchParams } from 'next/navigation';
-import { toast } from 'react-toastify';
 
-interface SearchParams extends ReadonlyURLSearchParams {
-  type?: string;
-  error?: string;
-}
+import { Button } from '@/components/UI';
+import { PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js';
+import { StripePaymentElementOptions } from '@stripe/stripe-js';
+import { useState } from 'react';
+import styles from './style.module.scss';
 
 const Payment = () => {
-  const router = useRouter();
-  const query: SearchParams = useSearchParams();
-
-  useEffect(() => {
-    if (query.type === 'success') {
-      toast.success('Paiement effectué avec succès');
-    } else if (query.type === 'error') {
-      switch (query.error) {
-        case 'CART_NOT_FOUND':
-          toast.error('Panier introuvable');
-          break;
-        case 'TRANSACTION_ERROR':
-          toast.error('La transaction a échoué');
-          break;
-        case 'NO_PAYLOAD':
-          toast.error('Requête erronée');
-          break;
-        default:
-          break;
-      }
+  const stripe = useStripe();
+  const elements = useElements();
+
+  const [message, setMessage] = useState<string | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+
+    if (!stripe || !elements) {
+      return;
     }
-    router.push('/dashboard');
-  }, []);
 
-  return false;
+    setIsLoading(true);
+
+    const { error } = await stripe.confirmPayment({
+      elements,
+      confirmParams: {
+        return_url: process.env.NEXT_PUBLIC_URL + '/dashboard/payment/callback',
+      },
+    });
+
+    // This point will only be reached if there is an immediate error when
+    // confirming the payment. Otherwise, the customer will be redirected to
+    // `/payment/callback`.
+    if (error.type === 'card_error' || error.type === 'validation_error') {
+      setMessage(error.message!.toString());
+    } else {
+      setMessage("Une erreur inconnue s'est produite");
+    }
+
+    setIsLoading(false);
+  };
+
+  const paymentElementOptions = {
+    layout: 'tabs',
+  } as StripePaymentElementOptions;
+
+  return (
+    <div className={styles.stripePaymentContainer}>
+      <form id="payment-form" onSubmit={handleSubmit} className={styles.stripeForm}>
+        <PaymentElement id="payment-element" options={paymentElementOptions} />
+        <Button primary type="submit" disabled={isLoading || !stripe || !elements}>
+          <span id="button-text">{isLoading ? <div className="spinner" id="spinner"></div> : 'Payer'}</span>
+        </Button>
+        {/* Show any error or success messages */}
+        {message && <div id="payment-message">{message}</div>}
+      </form>
+      {/* <Cart
+        cart={cart}
+        tickets={tickets}
+        items={items}
+        teamMembers={teamMembers}
+        onItemRemoved={onRemoveItem}
+        onTicketRemoved={onRemoveTicket}
+        onCartReset={onCartReset}
+      /> */}
+    </div>
+  );
 };
 
 export default Payment;
diff --git a/src/app/(dashboard)/dashboard/payment/style.module.scss b/src/app/(dashboard)/dashboard/payment/style.module.scss
new file mode 100644
index 00000000..301f6e45
--- /dev/null
+++ b/src/app/(dashboard)/dashboard/payment/style.module.scss
@@ -0,0 +1,15 @@
+.stripeForm {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 1rem;
+    width: 100%;
+    padding: 4rem;
+}
+
+.callbackLoader {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
\ No newline at end of file
diff --git a/src/app/(dashboard)/dashboard/shop/page.tsx b/src/app/(dashboard)/dashboard/shop/page.tsx
index 8ecfe195..01e538b4 100644
--- a/src/app/(dashboard)/dashboard/shop/page.tsx
+++ b/src/app/(dashboard)/dashboard/shop/page.tsx
@@ -14,6 +14,7 @@ import { getTicketPrice } from '@/modules/users';
 import { useAppDispatch, useAppSelector } from '@/lib/hooks';
 import { AttendantInfo, CartItem, Item, Permission, User, UserAge, UserType } from '@/types';
 import { IconName } from '@/components/UI/Icon';
+import { setRedirect } from '@/modules/redirect';
 import { getItemImageLink } from '@/utils/uploadLink';
 
 // Hello there ! This is a big file (and it's not the only one :P), I commented it as well as I could, I hope you'll understand :)
@@ -289,10 +290,11 @@ const Shop = () => {
 
   // Called when the user clicks on the pay button
   // Sets hasRequestedPayment to true to disable the pay button, and requests the payment to the API
-  const onPay = () => {
+  const onPay = async () => {
     setHasRequestedPayment(true);
     deleteCart();
-    dispatch(cartPay(cart));
+    const token = await cartPay(cart);
+    dispatch(setRedirect(`/dashboard/payment?stripeToken=${token}`));
   };
 
   // Hide the places section if user can't buy any places
diff --git a/src/app/help/layout.tsx b/src/app/help/layout.tsx
index 099a03b2..355484b0 100644
--- a/src/app/help/layout.tsx
+++ b/src/app/help/layout.tsx
@@ -2,7 +2,7 @@ import { Metadata } from 'next';
 import { ReactNode } from 'react';
 
 export const metadata: Metadata = {
-  title: 'Aide - UTT Arena 2023 - 1, 2 et 3 décembre 2023',
+  title: 'Aide - UTT Arena 2024 - 6, 7 et 8 décembre 2024',
 };
 
 export default function Layout({ children }: { children: ReactNode }) {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3ea5b64f..bc7a9c06 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -21,7 +21,7 @@ const agenor = Agenor({
 });
 
 const kanit = Kanit({
-  weight: '400',
+  weight: ['400', '700'],
   subsets: ['latin'],
   variable: '--font-kanit',
   fallback: ['sans-serif'],
diff --git a/src/components/UI/Collapse.module.scss b/src/components/UI/Collapse.module.scss
index e903f3e8..eb6d9469 100644
--- a/src/components/UI/Collapse.module.scss
+++ b/src/components/UI/Collapse.module.scss
@@ -1,7 +1,9 @@
 @import '@/variables.scss';
 
 .collapse {
-  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
+  box-shadow:
+    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
     0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin-bottom: 1em;
   background-color: #fff;
@@ -34,6 +36,7 @@
 
     &:hover {
       background-color: $light-color;
+      border-radius: 0.25rem 0.25rem 0 0;
     }
 
     .left {
@@ -54,7 +57,9 @@
       border: 0;
       opacity: 0;
 
-      transition: opacity 0.1s ease-in-out, background-color 0.2s ease-out;
+      transition:
+        opacity 0.1s ease-in-out,
+        background-color 0.2s ease-out;
 
       svg {
         width: 20px;
diff --git a/src/modules/cart.ts b/src/modules/cart.ts
index 5a33de29..80c8b059 100644
--- a/src/modules/cart.ts
+++ b/src/modules/cart.ts
@@ -27,9 +27,9 @@ export const cartSlice = createSlice({
 
 export const { setCart, setCartItems } = cartSlice.actions;
 
-export const cartPay = (cart: CartPost) => async () => {
+export const cartPay = async (cart: CartPost) => {
   const res = await API.post(`users/current/carts`, cart);
-  window.location = res.url;
+  return res.checkoutSecret as string;
 };
 
 export const saveCart = (cart: CartPost) => {
diff --git a/src/utils/environment.ts b/src/utils/environment.ts
index 72176618..c122e4f4 100644
--- a/src/utils/environment.ts
+++ b/src/utils/environment.ts
@@ -6,3 +6,4 @@ export const apiUrl = () => process.env.NEXT_PUBLIC_API_URL || '';
 export const uploadsUrl = () => process.env.NEXT_PUBLIC_UPLOADS_URL || '';
 // export const googleAnalyticsId = () => process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID || '';
 export const googleVerification = () => process.env.NEXT_PUBLIC_GOOGLE_VERIFICATION || '';
+export const stripePublicKey = () => process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY || '';
diff --git a/src/utils/stripe.ts b/src/utils/stripe.ts
new file mode 100644
index 00000000..35d3029f
--- /dev/null
+++ b/src/utils/stripe.ts
@@ -0,0 +1,4 @@
+import { loadStripe } from '@stripe/stripe-js';
+import { stripePublicKey } from '@/utils/environment';
+
+export const stripe = loadStripe(stripePublicKey());
diff --git a/src/variables.module.scss b/src/variables.module.scss
new file mode 100644
index 00000000..ee179778
--- /dev/null
+++ b/src/variables.module.scss
@@ -0,0 +1,14 @@
+@import 'variables.scss';
+
+/** Export colors for TS **/
+:export {
+    primaryColor: $primary-color;
+    secondaryColor: $secondary-color;
+    accentColor: $accent-color;
+    filterColor: $filter-color;
+    lightColor: $light-color;
+    darkColor: $dark-color;
+    lightPinkButtonColor: $light-pink-button-color;
+    primaryBackground: $primary-background;
+    secondaryBackground: $secondary-background;
+}

From 83ee0178a83a18b43ec3c733a754825cb1ec3cb7 Mon Sep 17 00:00:00 2001
From: Antoine Dufils <antoine.dufils@utt.fr>
Date: Thu, 12 Sep 2024 10:09:20 +0200
Subject: [PATCH 08/14] fix: minor / major date

---
 src/components/landing/LoginModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/landing/LoginModal.tsx b/src/components/landing/LoginModal.tsx
index aeea6da2..c67fce78 100644
--- a/src/components/landing/LoginModal.tsx
+++ b/src/components/landing/LoginModal.tsx
@@ -159,7 +159,7 @@ function LoginModal({
             autocomplete="new-password"
           />
           <Radio
-            label="Le 1 décembre 2023, tu seras :"
+            label="Le 6 décembre 2024, tu seras :"
             options={[
               { value: 'child', name: 'Mineur' },
               { value: 'adult', name: 'Majeur' },

From 86e6936a6dc8ceff063eb81e512e5a36b6ca3978 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Landr=C3=A9?= <noe.landre@laposte.net>
Date: Thu, 12 Sep 2024 14:20:21 +0200
Subject: [PATCH 09/14] fix: middleware

---
 src/middleware.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/middleware.ts b/src/middleware.ts
index f7b2d4eb..d9b94048 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -30,7 +30,7 @@ export function generateCsp() {
       { name: 'worker-src', values: ["'self'", 'blob:'] },
       { name: 'frame-ancestors', values: ["'none'"] },
       { name: 'form-action', values: ["'self'"] },
-      { name: 'frame-src', values: ["'self'", 'www.youtube.com', '*.google.com'] },
+      { name: 'frame-src', values: ["'self'", 'www.youtube.com', '*.google.com', '*.stripe.com'] },
     ];
   }
 

From 2291889783e775022fb6b1d8b8012dc038d5a221 Mon Sep 17 00:00:00 2001
From: Antoine D <106921102+Suboyyy@users.noreply.github.com>
Date: Thu, 12 Sep 2024 16:05:09 +0200
Subject: [PATCH 10/14] fix: replace 2023 with 2024 (#377)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: replace 2023 with 2024

* fix: teams where commented and discord link was wrong

* fix: when updating item, sending null instead of ""

* Update Header.tsx

* fix: orga users could not buy a ticket

* fix: modif CGV and patch fail

* fix: env

* Fix: aucun achat title

---------

Co-authored-by: Antoine Dufils <antoine.dufils@utt.fr>
Co-authored-by: Teddy Roncin <teddy.roncin@proton.me>
Co-authored-by: Antoine D <antoine.dufils@yahoo.fr>
Co-authored-by: Noé Landré <noe.landre@laposte.net>
Co-authored-by: Remi-pcn <remiponcin55@gmail.com>
---
 LICENSE                                       |   2 +-
 .../(dashboard)/dashboard/account/page.tsx    |   2 +-
 .../(dashboard)/dashboard/purchases/page.tsx  |   2 +-
 src/app/(dashboard)/dashboard/shop/page.tsx   |   6 +-
 src/app/layout.tsx                            |   2 +-
 src/app/legal/page.tsx                        | 165 ++++++++++++------
 src/app/tournaments/[id]/content.tsx          |  12 +-
 src/app/tournaments/layout.tsx                |   2 +-
 src/components/Footer.tsx                     |   4 +-
 src/components/Header.tsx                     |   4 +-
 src/components/dashboard/ItemModal.tsx        |   6 +-
 src/modules/admin.ts                          |   2 +-
 src/utils/environment.ts                      |   2 +-
 13 files changed, 134 insertions(+), 77 deletions(-)

diff --git a/LICENSE b/LICENSE
index 29122a64..8a248df5 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019-2023 UNG
+Copyright (c) 2019-2024 UNG
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/src/app/(dashboard)/dashboard/account/page.tsx b/src/app/(dashboard)/dashboard/account/page.tsx
index b82eca1d..1eddb2c1 100644
--- a/src/app/(dashboard)/dashboard/account/page.tsx
+++ b/src/app/(dashboard)/dashboard/account/page.tsx
@@ -85,7 +85,7 @@ const Account = () => {
     const data = window.URL.createObjectURL(response);
     const link = document.createElement('a');
     link.href = data;
-    link.download = 'Billet UTT Arena 2023.pdf';
+    link.download = 'Billet UTT Arena 2024.pdf';
     link.click();
   };
 
diff --git a/src/app/(dashboard)/dashboard/purchases/page.tsx b/src/app/(dashboard)/dashboard/purchases/page.tsx
index be8f4205..b7806e8c 100644
--- a/src/app/(dashboard)/dashboard/purchases/page.tsx
+++ b/src/app/(dashboard)/dashboard/purchases/page.tsx
@@ -95,7 +95,7 @@ const Purchases = () => {
       {carts.length ? (
         displayCarts
       ) : (
-        <Title level={4} className={styles.primaryTitle}>
+        <Title type={3} level={3} className={styles.primaryTitle} align="center">
           Aucun achat
         </Title>
       )}
diff --git a/src/app/(dashboard)/dashboard/shop/page.tsx b/src/app/(dashboard)/dashboard/shop/page.tsx
index 01e538b4..8e8ef060 100644
--- a/src/app/(dashboard)/dashboard/shop/page.tsx
+++ b/src/app/(dashboard)/dashboard/shop/page.tsx
@@ -12,7 +12,7 @@ import SupplementList from '@/components/dashboard/SupplementList';
 import Cart from '@/components/dashboard/Cart';
 import { getTicketPrice } from '@/modules/users';
 import { useAppDispatch, useAppSelector } from '@/lib/hooks';
-import { AttendantInfo, CartItem, Item, Permission, User, UserAge, UserType } from '@/types';
+import { AttendantInfo, CartItem, Item, User, UserAge, UserType } from '@/types';
 import { IconName } from '@/components/UI/Icon';
 import { setRedirect } from '@/modules/redirect';
 import { getItemImageLink } from '@/utils/uploadLink';
@@ -299,9 +299,7 @@ const Shop = () => {
 
   // Hide the places section if user can't buy any places
   const placesSectionVisible =
-    (!isPlaceInCart && !user.permissions.includes(Permission.orga)) ||
-    (user.age === UserAge.child && !hasAttendant) ||
-    teamMembersWithoutTicket.length;
+    !isPlaceInCart || (user.age === UserAge.child && !hasAttendant) || teamMembersWithoutTicket.length;
 
   return (
     <div id="dashboard-shop" className={styles.dashboardShop}>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bc7a9c06..cd8eafcb 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -92,7 +92,7 @@ export const metadata: Metadata = {
   keywords: [
     'UTT',
     'UTT Arena',
-    'UTT Arena 2023',
+    'UTT Arena 2024',
     'esport',
     'e-sport',
     'gaming',
diff --git a/src/app/legal/page.tsx b/src/app/legal/page.tsx
index f1ce47fd..dfbace62 100644
--- a/src/app/legal/page.tsx
+++ b/src/app/legal/page.tsx
@@ -3,7 +3,7 @@ import styles from './style.module.scss';
 import { Title } from '@/components/UI';
 
 export const metadata: Metadata = {
-  title: 'Mentions légales - UTT Arena 2023 - 3 et 4 décembre 2023',
+  title: 'Mentions légales - UTT Arena 2024 - 6,7 et 8 décembre 2024',
 };
 
 const Legal = () => (
@@ -59,7 +59,6 @@ const Legal = () => (
         directive européenne 2009/136/CE, ces cookies sont indispensables à la fourniture du service sollicité. En
         naviguant sur notre site web, vous acceptez l’utilisation de ces cookies.
       </p>
-      {/*
       <Title align="center" id="CGV" className={styles.cgv}>
         Conditions générales de vente
       </Title>
@@ -80,31 +79,34 @@ const Legal = () => (
         ung@utt.fr
       </p>
       <p>
-        Concernant la responsabilité du matériel, chaque participant à notre compétition d'e-sport l'UTT Arena est tenu
-        d'amener son propre matériel, y compris tout équipement informatique, clavier, souris, casque, moniteur, et
+        Concernant la responsabilité du matériel, chaque participant à notre compétition d'e-sport l'UTT Arena 2024 est
+        tenu d'amener son propre matériel, y compris tout équipement informatique, clavier, souris, casque, moniteur, et
         autres accessoires nécessaires à sa participation. En apportant leur propre matériel, les joueurs reconnaissent
         qu'ils en sont entièrement responsables, y compris la qualité, la performance, et l'état de leur équipement.
-        L’UTT Arena ne peut être tenu responsable des problèmes techniques, défaillances matérielles, ou toute autre
-        question liée à la qualité de l'équipement des participants.
       </p>
       <p>
-        Le site https://arena.utt.fr commercialise les places pour la compétition sportive UTT Arena ainsi que du
+        L’UTT Arena 2024 ne peut être tenu responsable des problèmes techniques, défaillances matérielles, ou toute
+        autre question liée à la qualité de l'équipement des participants.
+      </p>
+      <p>
+        Le site https://arena.utt.fr commercialise les places pour la compétition sportive UTT Arena 2024 ainsi que du
         matériel en prévente.
         <br />
         Le client déclare avoir pris connaissance et avoir accepté les conditions générales de vente antérieurement à la
-        passation de sa commande. La validation de la commande vaut donc acceptation des conditions générales de vente.
+        passation de sa commande. La validation de la commande vaut donc acceptation les conditions générales de vente.
       </p>
       <p>
         Le paiement est assuré par le prestataire suivant :<br />
-        BDE UTT, association loi 1901
+        Stripe Payments Europe, Ltd. (SPEL)
         <br />
-        N° RNA : W103000735
+        Directeur de la publication : StephenO’Callaghan
         <br />
-        12 rue Marie Curie, 10000 Troyes
+        Téléphone (numéro vert) : +33 805 11 19 67 (numéro vert)
         <br />
-        03 25 71 76 74
+        Adresse e-mail : heretohelp@stripe.com
         <br />
-        bde@utt.fr
+        Adresse (hors services juridiques) :<br />
+        10 Boulevard Haussmann, 75009 Paris, France
       </p>
       <Title level={2} type={2} className={styles.articleTitle}>
         Article 1 - Principe
@@ -112,20 +114,20 @@ const Legal = () => (
       <p>
         Les présentes conditions générales expriment l'intégralité des obligations des parties. En ce sens, l'acheteur
         est réputé les accepter sans réserve. Les présentes conditions générales sont accessibles sur le site de l'UTT
-        Arena et prévaudront, le cas échéant, sur toute autre version ou tout autre document contradictoire. Le vendeur
-        et l'acheteur conviennent que les présentes conditions générales régissent exclusivement leur relation. Le
-        vendeur se réserve le droit de modifier ponctuellement ses conditions générales. Elles seront applicables dès
+        Arena 2024 et prévaudront, le cas échéant, sur toute autre version ou tout autre document contradictoire. Le
+        vendeur et l'acheteur conviennent que les présentes conditions générales régissent exclusivement leur relation.
+        Le vendeur se réserve le droit de modifier ponctuellement ses conditions générales. Elles seront applicables dès
         leur mise en ligne. Si une condition de vente venait à faire défaut, elle serait considérée être régie par les
         usages en vigueur dans le secteur de la vente à distance dont les sociétés ont siège en France. Les présentes
-        conditions générales de vente sont valables jusqu'au 31 décembre 2023 inclus.
+        conditions générales de vente sont valables jusqu'au 31 janvier 2025 inclus.
       </p>
       <Title level={2} type={2} className={styles.articleTitle}>
         Article 2 - Contenu
       </Title>
       Les présentes conditions générales ont pour objet de définir les droits et obligations des parties dans le cadre
-      de la vente en ligne de biens proposés par le vendeur à l'acheteur, à partir du site internet de l'UTT Arena. Les
-      présentes conditions ne concernent que les achats effectués sur le site Internet de l'UTT Arena. Ces achats
-      concernent les produits suivants : place pour l’évènement UTT Arena 2023 et matériel en prévente.
+      de la vente en ligne de biens proposés par le vendeur à l'acheteur, à partir du site internet de l'UTT Arena 2024.
+      Les présentes conditions ne concernent que les achats effectués sur le site Internet de l'UTT Arena 2024. Ces
+      achats concernent les produits suivants : place pour l’évènement UTT Arena 2024 et matériel en prévente.
       <Title level={2} type={2} className={styles.articleTitle}>
         Article 3 - Informations précontractuelles
       </Title>
@@ -137,7 +139,7 @@ const Legal = () => (
       téléphonique et électronique, et à ses activités : celles relatives aux garanties légales, aux fonctionnalités du
       contenu numérique et à l'existence et aux modalités de mise en œuvre des garanties et autres conditions
       contractuelles. Les produits sont mis en vente selon la limite des stocks disponibles. Concernant la vente de
-      place pour l’évènement UTT Arena 2023, l’UNG se réserve le droit de demander un justificatif pour les coachs et
+      place pour l’évènement UTT Arena 2024, l’UNG se réserve le droit de demander un justificatif pour les coachs et
       managers, et si le justificatif n’est pas suffisant, peut annuler l’achat de la place et procéder à son
       remboursement intégral sans dédommagement.
       <Title level={2} type={2} className={styles.articleTitle}>
@@ -152,7 +154,7 @@ const Legal = () => (
       montant. Toute commande vaut acceptation des prix et description des produits disponibles à la vente. Dans
       certains cas, notamment pour défaut de paiement, adresse erronée ou autre problème sur le compte de l'acheteur, le
       vendeur se réserve le droit de bloquer la commande de l'acheteur jusqu'à la résolution du problème. La validation
-      de la commande ne signifie pas que le client pourra accéder à l’évènement UTT Arena 2023. Seul le statut “Inscrit”
+      de la commande ne signifie pas que le client pourra accéder à l’évènement UTT Arena 2024. Seul le statut “Inscrit”
       sur la page de l’équipe vaut validation de la place commandée. Dans le cas où le client a validé une commande de
       place pour l’évènement mais qu’il ne peut verrouiller son équipe et ainsi accéder au statut “Inscrit” par manque
       de disponibilité, un remboursement intégral sans dédommagement supplémentaire pourra être adressé par courriel à
@@ -190,8 +192,8 @@ const Legal = () => (
       </Title>
       <p>
         Les produits sont décrits et présentés avec la plus grande exactitude possible. Toutefois, si des erreurs ou des
-        omissions ont pu se produire quant à cette présentation, la responsabilité du vendeur ne pourrait être engagée.
-        Les photographies des produits ne sont pas contractuelles.
+        commissions ont pu se produire quant à cette présentation, la responsabilité du vendeur ne pourrait être
+        engagée. Les photographies des produits ne sont pas contractuelles.
       </p>
       <Title level={2} type={2} className={styles.articleTitle}>
         Article 9 - Tarifs
@@ -225,16 +227,16 @@ const Legal = () => (
         Livraison
       </Title>
       <p>
-        Les billets électroniques ou un lien permettant de les télécharger sont envoyés sur la messagerie électronique
+        Les billets électroniques ou un lien permettant de les télécharger seront envoyés sur la messagerie électronique
         de l’acheteur après chaque commande.
       </p>
       <Title level={3} type={3} className={styles.subArticleTitle}>
         Support
       </Title>
       <p>
-        Afin d’être accepté, le billet peut être imprimé en noir et blanc ou couleur, sur du Papier A4 blanc et vierge
-        ou présenté en format numérique. Ce dernier doit présenter un état total d’intégrité et de lisibilité correct :
-        les billets endommagés ou illisibles seront considérés comme non valables. L’organisateur décline toute
+        Afin d’être accepté, le billet peut être imprimé en noir et blanc ou couleur sur du Papier A4 blanc et vierge ou
+        présenté en format numérique. Ce dernier doit présenter un état total d’intégrité et de lisibilité correct : les
+        billets endommagés ou illisibles seront considérés comme non valables. L’organisateur décline toute
         responsabilité concernant toute anomalie pouvant survenir au cours d’une commande, du téléchargement ou de
         l’impression d’un billet. Il ne sera remis aucun duplicata autre que le seul billet initial.
       </p>
@@ -242,7 +244,7 @@ const Legal = () => (
         Unicité
       </Title>
       <p>
-        Un billet ne peut être utilisé qu’une seule fois pour accéder à l’évènement. Ainsi en cas de perte, vol,
+        Un billet ne peut être utilisé qu’une seule fois pour accéder à l'évènement. Ainsi en cas de perte, vol,
         duplication, seule la première personne à présenter le billet sera admise à assister à la manifestation. Un
         détenteur de billet qui aurait déjà été utilisé ne pourra prétendre à aucun remboursement. Le billet est
         uniquement valable pour le lieu, la date et l'heure auquel il appartient. Le billet doit être conservé jusqu’à
@@ -252,7 +254,7 @@ const Legal = () => (
         Contrôle
       </Title>
       <p>
-        L’Organisateur est libre de contrôler la validité des billets lors de l’accès à l’évènement. Le participant doit
+        L’Organisateur est libre de contrôler la validité des billets lors de l’accès à l'évènement. Le participant doit
         veiller à la confidentialité de son billet. L’accès à l'évènement peut être refusé à un participant qui présente
         un billet déjà utilisé. L’Organisateur n’est pas tenu de vérifier l’authenticité du billet. Après la
         présentation du billet, un bracelet sera remis au participant. Ce bracelet sera valable pendant toute la durée
@@ -262,12 +264,12 @@ const Legal = () => (
         Justificatif
       </Title>
       <p>
-        Pour garantir la sécurité et le bon déroulement de l'événement, l’Organisateur est libre de contrôler l’identité
+        Pour garantir la sécurité et le bon déroulement de l'évènement, l’Organisateur est libre de contrôler l’identité
         des participants. Dans ce cas, le participant doit être en mesure de justifier de son identité à l’aide d'une
-        pièce d'identité en cours de validité est obligatoire en complément du billet d'entrée. Un participant mineur
-        doit présenter une pièce d’identité, une autorisation du ou des représentants légaux ainsi qu’une photocopie de
-        la pièce d’identité d’un de ses responsables légaux. Cette mesure vise à assurer l'identification des
-        participants et à renforcer la sûreté de l'événement pour l'ensemble des visiteurs.
+        pièce d'identité en cours de validité en complément du billet d'entrée nominatif. Un participant mineur doit
+        présenter une pièce d’identité, une autorisation du ou des représentants légaux ainsi qu’une photocopie de la
+        pièce d’identité d’un de ses responsables légaux. Cette mesure vise à assurer l'identification des participants
+        et à renforcer la sûreté de l'évènement pour l'ensemble des visiteurs.
       </p>
       <Title level={2} type={2} className={styles.articleTitle}>
         Article 12 - Droit de rétractation
@@ -276,25 +278,25 @@ const Legal = () => (
         Conformément à l'article L. 121-20-4 du code de la consommation, les inscriptions ne font pas l'objet d'un droit
         de rétractation. Toute commande est ferme et définitive. Toutefois, l'organisateur autorise tout inscrit à
         demander une annulation et un remboursement partiel ou total de son inscription, au plus tard 14 jours
-        calendaires avant la date de l'évènement, soit le 22/11/2023 17:00 CET. Toute demande doit être formulée par
+        calendaires avant la date de l'évènement, soit le 22/11/2024 17:00 CET. Toute demande doit être formulée par
         courriel adressé à arena@utt.fr, précisant le nom d'utilisateur et l'adresse courriel utilisée pour
         l'inscription. Le remboursement sera exécuté sous quinzaine à dater de la fin de l'évènement, et interviendra
         sur la carte bancaire ayant servi au paiement. Tout remboursement fera l'objet d'une retenue de :
       </p>
       <ul>
         <li>
-          25% (vingt-cinq pourcent) du montant payé si la demande est faite entre le 01/11/2023 17:00 CET et le
-          08/11/2023 17:00 CET
+          25% (vingt-cinq pourcent) du montant payé si la demande est faite entre le 01/11/2024 17:00 CET et le
+          08/11/2024 17:00 CET
         </li>
         <li>
-          50% (cinquante pourcent) du montant payé si la demande est faite entre le 08/11/2023 17:00 CET et le
-          15/11/2023 17:00 CET
+          50% (cinquante pourcent) du montant payé si la demande est faite entre le 08/11/2024 17:00 CET et le
+          15/11/2024 17:00 CET
         </li>
         <li>
-          75% (soixante-quinze pourcent) du montant payé si la demande est faite entre le 15/11/2023 17:00 CET et le
-          22/11/2023 17:00 CET
+          75% (soixante-quinze pourcent) du montant payé si la demande est faite entre le 15/11/2024 17:00 CET et le
+          22/11/2024 17:00 CET
         </li>
-        <li>Aucun remboursement ne sera accepté au-delà du 22/11/2023 17:00 CET.</li>
+        <li>Aucun remboursement ne sera accepté au-delà du 22/11/2024 17:00 CET.</li>
       </ul>
       <Title level={2} type={2} className={styles.articleTitle}>
         Article 13 - Force majeure
@@ -321,23 +323,83 @@ const Legal = () => (
         partielle de ce contenu est strictement interdite et est susceptible de constituer un délit de contrefaçon.
       </p>
       <Title level={2} type={2} className={styles.articleTitle}>
-        Article 15 - Données personnelles
+        Article 15 - Vidéosurveillance
+      </Title>
+      <p>
+        Pour des raisons de sécurité des personnes et des biens, le participant est informé et accepte que le lieu de
+        déroulement de l'évènement de l'UTT Arena 2024 est susceptible d’être équipé de caméras de vidéosurveillance.
+        Ces images sont susceptibles d’être utilisées pour les besoins résultant de poursuites judiciaires à l’encontre
+        de tout individu.
+        <br />
+        Pour connaître vos droits concernant les données collectées, la durée de conservation des images, ainsi que les
+        coordonnées de notre Délégué à la Protection des Données (DPO), veuillez vous référer à l'article 17 des
+        Conditions Générales de Vente.
+      </p>
+      <Title level={2} type={2} className={styles.articleTitle}>
+        Article 16 - Interdiction de sortie de matériel de nuit
+      </Title>
+      <p>
+        Pour des raisons de sécurité des personnes et des biens, le participant est informé et accepte que les sorties
+        de matériel de nuit soient interdites. Les horaires précis de l’interdiction seront communiqués par les
+        organisateurs de l’évènement aux participants d'une manière lisible et compréhensible avant et pendant
+        l’évènement.
+        <br />
+        Si le participant souhaite sortir du matériel, il devra justifier son identité, et se conformer à enregistrement
+        du matériel sorti par le participant. Les registres d’enregistrement sont susceptibles d’être utilisés pour les
+        besoins résultant de poursuites judiciaires à l’encontre de tout individu.
+        <br />
+        Pour connaître vos droits concernant les données collectées lors de cet enregistrement, la durée de conservation
+        des images, ainsi que les coordonnées de notre Délégué à la Protection des Données (DPO), veuillez vous référer
+        à l'article 17 des Conditions Générales de Vente.
+      </p>
+      <Title level={2} type={2} className={styles.articleTitle}>
+        Article 17 - Données personnelles
       </Title>
       <p>
         Chaque utilisateur du site web a un droit permanent d'accès et de rectification sur toutes les données le
         concernant, conformément aux textes européens et aux lois nationales en vigueur. Il vous suffit d'en faire la
         demande par courrier électronique (arena@utt.fr). Ce droit peut être exercé dans les conditions et selon les
-        modalités définies sur le site de l'UTT Arena. Les données nominatives fournies par l'acheteur sont nécessaires
-        au traitement de sa commande et à l'établissement de ses factures. Elles peuvent être communiquées aux
-        partenaires du vendeur chargés de l'exécution, du traitement, de la gestion et du paiement des commandes. Notre
-        système héberge les données pour une durée de 1 à 3 ans suivant la fin de l’évènement. Nous conservons les
-        autorisations parentales pour une durée de 1 an suivant la fin de l’évènement.
+        modalités définies sur le site de l'UTT Arena 2024. Les données nominatives fournies par l'acheteur sont
+        nécessaires au traitement de sa commande et à l'établissement de ses factures. Elles peuvent être communiquées
+        aux partenaires du vendeur chargés de l'exécution, du traitement, de la gestion et du paiement des commandes.
+        Notre système héberge les données pour une durée de 1 à 3 ans suivant la fin de l’évènement. Nous conservons les
+        autorisations parentales pour une durée de 1 an suivant la fin de l’évènement. Le registre d’enregistrement du
+        matériel sorti de nuit par chaque participant sera conservé pour une durée de 1 mois.
+        <br />
+        Les images de vidéosurveillance captées durant l'évènement UTT Arena 2024 seront conservées pour une durée de 1
+        mois suivant la fin de l'évènement. Ces données sont captées et conservées afin d'assurer la sécurité des
+        personnes et des biens durant l'évènement. Conformément à l’article L.253-5 du Code de la sécurité intérieure,
+        chaque participant intéressé dispose d’un droit d’accès aux images de vidéoprotection captées durant l'évènement
+        et peut l’exercer pendant le délai de conservation des images par courrier à destination de l'association
+        organisant l'évènement UTT Arena 2024, ou à la CNIL.
+        <br />
+        <br />
+        L'adresse de l'association organisant l'évènement UTT Arena 2024 :
+        <br />
+        UTT Net Group
+        <br />
+        12 rue Marie Curie, 10004 Troyes
+        <br />
+        L'adresse de la CNIL :
+        <br />
+        CNIL – 3 place Fontenoy – TSA 80715 – 75334 PARIS CEDEX 07.
+        <br />
+        <br />
+        En cas de question sur le traitement des données personnelles collectées dans le cadre de l'évènement UTT Arena
+        2024, nous vous prions de <br /> contacter :
+        <br />
+        Guillaume ETHEVE,
+        <br />
+        Président de l'association UTT Net Group organisant l'évènement UTT Arena 2024 et Délégué à la Protection des
+        Données
+        <br />
+        Téléphone : 03 25 71 85 50
       </p>
       <Title level={2} type={2} className={styles.articleTitle}>
-        Article 16 - Mentions Légales
+        Article 18 - Mentions Légales
       </Title>
       <p>
-        L’évènement UTT Arena 2023 est organisé par :<br />
+        L’évènement UTT Arena 2024 est organisé par :<br />
         <br />
         UTT Net Group, association loi 1901
         <br />
@@ -352,7 +414,6 @@ const Legal = () => (
         Email : ung@utt.fr
         <br />
       </p>
-      */}
     </div>
   </div>
 );
diff --git a/src/app/tournaments/[id]/content.tsx b/src/app/tournaments/[id]/content.tsx
index 35b8164d..38f84fe7 100644
--- a/src/app/tournaments/[id]/content.tsx
+++ b/src/app/tournaments/[id]/content.tsx
@@ -137,12 +137,12 @@ export function TournamentInformation({ tournamentId, animate = true }: { tourna
                           name: team.name,
                           // Commented for security reasons
                           //
-                          // players: team.players.map((player) => (
-                          //   <>
-                          //     {player.username}
-                          //     <br />
-                          //   </>
-                          // )),
+                          players: team.players.map((player) => (
+                            <>
+                              {player.username}
+                              <br />
+                            </>
+                          )),
                         }
                       : {
                           players: team.players.map((player) => (
diff --git a/src/app/tournaments/layout.tsx b/src/app/tournaments/layout.tsx
index 9788be02..474fa292 100644
--- a/src/app/tournaments/layout.tsx
+++ b/src/app/tournaments/layout.tsx
@@ -13,7 +13,7 @@ import ScrollUp from '@/components/UI/ScrollUp';
 import LayoutTop from '@/app/tournaments/layout-top';
 
 export const metadata: Metadata = {
-  title: 'Tournois - UTT Arena 2023 - 1, 2 et 3 décembre 2023',
+  title: 'Tournois - UTT Arena 2024 - 6, 7 et 8 décembre 2024',
 };
 
 const TournamentsLayout = ({ children }: { children: React.ReactNode }) => {
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 71c008bd..7f4fe9b4 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -25,11 +25,9 @@ export default function Footer() {
           <Link href={'/legal'}>
             <Button>Mentions légales</Button>
           </Link>
-          {/*
           <Link href={'/legal#CGV'}>
             <Button>Conditions générales de ventes</Button>
           </Link>
-          */}
         </div>
         <div className={styles.right}>
           <h3>Plus d'informations</h3>
@@ -40,7 +38,7 @@ export default function Footer() {
             <Button>FAQ</Button>
           </Link>
           <div className={styles.socials}>
-            <Link href={'https://discord.gg/WhxZwKU'} aria-label="Discord" rel="noopener" passHref={true}>
+            <Link href={'https://discord.gg/tkRrVZYXmT'} aria-label="Discord" rel="noopener" passHref={true}>
               <Icon name={IconName.Discord} fill={true} />
             </Link>
             <Link href={'https://www.twitch.tv/uttarena'} aria-label="Twitch" rel="noopener" passHref={true}>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 763eb9ef..6c3e66dc 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -127,10 +127,10 @@ export default function Header({
       <header ref={header as MutableRefObject<HTMLDivElement>} id="header" className={styles.header}>
         <div className={styles.content}>
           <Link href="/">
-            <Image src={logo.src} width={72} height={61.5} alt="Logo UA23" />
+            <Image src={logo.src} width={72} height={61.5} alt="Logo UA24" />
             {/* For SEO */}
             <Title level={1} className={styles.hidden}>
-              UTT Arena 2023
+              UTT Arena 2024
             </Title>
           </Link>
           <nav>
diff --git a/src/components/dashboard/ItemModal.tsx b/src/components/dashboard/ItemModal.tsx
index ebb3b2ae..4e4b8fee 100644
--- a/src/components/dashboard/ItemModal.tsx
+++ b/src/components/dashboard/ItemModal.tsx
@@ -64,11 +64,11 @@ const ItemModal = ({
                 attribute: attribute ? attribute : null,
                 price: price ?? 0,
                 reducedPrice: reducedPrice ?? 0,
-                availableFrom: startDate ?? '',
-                availableUntil: endDate ?? '',
+                availableFrom: startDate ? startDate : null,
+                availableUntil: endDate ? endDate : null,
                 // we update the stock through a difference between the current stock and the quantity in order to avoid conflicts if an order is made at the same time
                 left: quantity! - item!.stock! ?? item!.stock!,
-                infos: infos ?? '',
+                infos: infos ? infos : null,
                 display: display ?? false,
               } as AdminItem;
 
diff --git a/src/modules/admin.ts b/src/modules/admin.ts
index 3b639206..a746d27c 100644
--- a/src/modules/admin.ts
+++ b/src/modules/admin.ts
@@ -290,7 +290,7 @@ export const updateItem =
         availableFrom: item.availableFrom,
         availableUntil: item.availableUntil,
         display: item.display.toString(),
-        image: image ? true : false,
+        image: !!image,
       });
 
       if (result && image) {
diff --git a/src/utils/environment.ts b/src/utils/environment.ts
index c122e4f4..ff513713 100644
--- a/src/utils/environment.ts
+++ b/src/utils/environment.ts
@@ -6,4 +6,4 @@ export const apiUrl = () => process.env.NEXT_PUBLIC_API_URL || '';
 export const uploadsUrl = () => process.env.NEXT_PUBLIC_UPLOADS_URL || '';
 // export const googleAnalyticsId = () => process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID || '';
 export const googleVerification = () => process.env.NEXT_PUBLIC_GOOGLE_VERIFICATION || '';
-export const stripePublicKey = () => process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY || '';
+export const stripePublicKey = () => `${process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY}` || '';

From d64352586cc8fdf3807faaee4c1a76d9b5fc8ee7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Landr=C3=A9?= <noe.landre@laposte.net>
Date: Thu, 12 Sep 2024 18:11:39 +0200
Subject: [PATCH 11/14] fix: layout

---
 src/app/(dashboard)/dashboard/payment/layout.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/payment/layout.tsx b/src/app/(dashboard)/dashboard/payment/layout.tsx
index b9db644f..b11487ad 100644
--- a/src/app/(dashboard)/dashboard/payment/layout.tsx
+++ b/src/app/(dashboard)/dashboard/payment/layout.tsx
@@ -1,11 +1,13 @@
 'use client';
 
 import { Elements } from '@stripe/react-stripe-js';
-import { Appearance, loadStripe, StripeElementsOptions } from '@stripe/stripe-js';
-const stripePromise = loadStripe(process.env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY!);
+import { Appearance, StripeElementsOptions } from '@stripe/stripe-js';
+
 import variables from '@/variables.module.scss';
 import { useSearchParams } from 'next/navigation';
+import { stripe } from '@/utils/stripe';
 
+const stripePromise = stripe;
 const PaymentLayout = ({ children }: { children: React.ReactNode }) => {
   const search = useSearchParams();
   const stripeToken = search.get('stripeToken') ?? search.get('payment_intent_client_secret');

From 6266278a0279d7d30681bcd85c40c534c503271e Mon Sep 17 00:00:00 2001
From: Teddy Roncin <teddy.roncin@proton.me>
Date: Fri, 13 Sep 2024 00:05:58 +0200
Subject: [PATCH 12/14] fix: updated TransactionState enum

---
 src/components/dashboard/UserModal.tsx | 35 ++++++++++++++++++--------
 src/types.ts                           |  4 +--
 2 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/src/components/dashboard/UserModal.tsx b/src/components/dashboard/UserModal.tsx
index a6bc5bf4..c53af6b9 100644
--- a/src/components/dashboard/UserModal.tsx
+++ b/src/components/dashboard/UserModal.tsx
@@ -133,22 +133,37 @@ const UserModal = ({
       ));
       const date = new Date(cart.paidAt as Date);
       let transactionState = '';
-      if (cart.transactionState === TransactionState.paid) transactionState = 'payé';
-      if (cart.transactionState === TransactionState.refunded) transactionState = 'remboursé';
-      if (cart.transactionState === TransactionState.canceled) transactionState = 'annulé';
-      if (cart.transactionState === TransactionState.refused) transactionState = 'refusé';
-      if (cart.transactionState === TransactionState.authorization) transactionState = "en cours d'autorisation";
-
+      switch (cart.transactionState) {
+        case TransactionState.paid:
+          transactionState = 'payé';
+          break;
+        case TransactionState.refunded:
+          transactionState = 'remboursé';
+          break;
+        case TransactionState.canceled:
+          transactionState = 'annulé';
+          break;
+        case TransactionState.processing:
+          transactionState = "en cours d'autorisation ";
+          break;
+        case TransactionState.pending:
+          transactionState = `en attente de paiement (créé à ${date.toLocaleString()})`;
+          break;
+        case TransactionState.expired:
+          transactionState = 'expiré';
+          break;
+        default:
+          transactionState = `Inconnu : ${cart.transactionState}`;
+      }
       return (
         <Card className={styles[`cart-${cart.transactionState}`]} key={cart.transactionId}>
           <>
             <p>
               <strong>Statut :</strong> {transactionState} (
-              {cart.transactionId
-                ? `#${cart.transactionId}`
-                : cart.transactionState !== TransactionState.pending
+              {cart.transactionId ??
+                (cart.transactionState !== TransactionState.pending
                   ? 'Paiement validé manuellement'
-                  : 'En attente de paiement'}
+                  : 'En attente de paiement')}
               )<br />
               {(cart.transactionState === TransactionState.paid ||
                 cart.transactionState === TransactionState.refunded) && (
diff --git a/src/types.ts b/src/types.ts
index 3560ea79..c9b5727f 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -288,9 +288,9 @@ export enum TransactionState {
   pending = 'pending',
   paid = 'paid',
   canceled = 'canceled',
-  refused = 'refused',
+  processing = 'processing',
   refunded = 'refunded',
-  authorization = 'authorization',
+  expired = 'expired',
 }
 
 export interface UserFilters extends Record<string, string | undefined> {

From 1022279b9e7b374480681c5f001893cba781659a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Landr=C3=A9?=
 <68849024+DevNono@users.noreply.github.com>
Date: Fri, 13 Sep 2024 10:37:25 +0200
Subject: [PATCH 13/14] Fix/shop (#379)

* fix: purchases

* fix: payment design

* fix: loader style
---
 .../dashboard/payment/callback/page.tsx       |   2 +-
 .../(dashboard)/dashboard/payment/page.tsx    | 153 +++++++++++++++---
 .../dashboard/payment/style.module.scss       |  66 ++++++--
 .../(dashboard)/dashboard/purchases/page.tsx  |   8 +-
 .../dashboard/purchases/style.module.scss     |  11 +-
 src/app/(dashboard)/dashboard/shop/page.tsx   |   2 +-
 src/components/UI/Title.module.scss           |   5 +-
 src/components/dashboard/Cart.tsx             |  24 +--
 src/components/dashboard/CartItem.tsx         |   4 +-
 9 files changed, 222 insertions(+), 53 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/payment/callback/page.tsx b/src/app/(dashboard)/dashboard/payment/callback/page.tsx
index e85f6d21..e26bd7fc 100644
--- a/src/app/(dashboard)/dashboard/payment/callback/page.tsx
+++ b/src/app/(dashboard)/dashboard/payment/callback/page.tsx
@@ -40,7 +40,7 @@ const Payment = () => {
   }, [stripe, clientSecret]);
 
   return (
-    <div className={styles.callbackLoader}>
+    <div className={styles.loader}>
       <Loader />
     </div>
   );
diff --git a/src/app/(dashboard)/dashboard/payment/page.tsx b/src/app/(dashboard)/dashboard/payment/page.tsx
index 66591afd..1fefc80c 100644
--- a/src/app/(dashboard)/dashboard/payment/page.tsx
+++ b/src/app/(dashboard)/dashboard/payment/page.tsx
@@ -1,17 +1,120 @@
 'use client';
 
-import { Button } from '@/components/UI';
+import { Button, Loader, Title } from '@/components/UI';
 import { PaymentElement, useElements, useStripe } from '@stripe/react-stripe-js';
 import { StripePaymentElementOptions } from '@stripe/stripe-js';
-import { useState } from 'react';
+import { useEffect, useState, useMemo } from 'react';
 import styles from './style.module.scss';
+import Cart from '@/components/dashboard/Cart';
+import { useAppDispatch, useAppSelector } from '@/lib/hooks';
+import { CartItem, Item, User, UserType } from '@/types';
+import { fetchItems } from '@/modules/items';
+import { getTicketPrice } from '@/modules/users';
+import { fetchCurrentTeam } from '@/modules/team';
+import { useSearchParams } from 'next/navigation';
 
 const Payment = () => {
   const stripe = useStripe();
   const elements = useElements();
 
+  const dispatch = useAppDispatch();
+
+  const user = useAppSelector((state) => state.login.user) as User;
+
   const [message, setMessage] = useState<string | null>(null);
   const [isLoading, setIsLoading] = useState(false);
+  const cartStr = useSearchParams().get('cart');
+  const cart = useMemo(() => (cartStr ? JSON.parse(cartStr) : null), [cartStr]);
+
+  const [items, setItems] = useState<Item[] | null>(null);
+  // The team the player is in
+  const team = useAppSelector((state) => state.team.team);
+  // The members of the team are the players and the coaches
+  const [teamMembers, setTeamMembers] = useState<User[] | null>(null);
+
+  // Contains the ticket items for each ticket in the cart. This is an object, keys are userIds and values are the items
+  const [tickets, setTickets] = useState<
+    | {
+        [userId: string]: CartItem;
+      }
+    | undefined
+  >(undefined);
+
+  // Fetch items, team and checks if user already have an attendant
+  useEffect(() => {
+    if (user.teamId) {
+      dispatch(fetchCurrentTeam());
+    } else if (user.type === UserType.spectator) {
+      // Organizers should not be able to buy tickets if they are not in a team
+      setTeamMembers([
+        {
+          id: user.id,
+          hasPaid: user.hasPaid,
+          username: user.username,
+          age: user.age,
+          attendant: user.attendant,
+          type: user.type,
+        } as User,
+      ]);
+    } else {
+      setTeamMembers([]);
+    }
+
+    (async () => {
+      setItems(await fetchItems());
+    })();
+  }, []);
+
+  // Initializing teamMembers
+  useEffect(() => {
+    if (!team) {
+      return;
+    }
+    setTeamMembers(team.players.concat(team.coaches));
+  }, [team]);
+
+  // Checks if the place of the user is already in the cart
+  // Checks if the user already have an attendant
+  // Initializes teamMembersWithoutTicket
+  // Fills tickets
+  useEffect(() => {
+    if (!cart || !teamMembers || !items) return;
+
+    (async () => {
+      // First, we make all the requests
+      const ticketsArray = (
+        await Promise.allSettled(
+          cart.tickets.userIds.map((userId: string) =>
+            userId === user.id ? items.find((item) => item.id === `ticket-${user.type}`) : getTicketPrice(userId),
+          ),
+        )
+      )
+        .filter((val): val is PromiseFulfilledResult<Item> => val.status === 'fulfilled')
+        // Then, we only keep the return value of the Promises
+        .map((result) => result.value)
+        // And finally, we remove failed Promises
+        .filter((ticket, i) => {
+          if (!ticket) {
+            // toast.error(
+            //   `Une erreur est survenue en cherchant le prix du ticket de l'utilisateur avec l'identifiant ${cart.tickets.userIds[i]}. Si ce problème persiste, contacte le support`,
+            // );
+            const newCart = { ...cart };
+            newCart.tickets.userIds.splice(i, 1);
+            return false;
+          }
+          return true;
+        });
+      setTickets(ticketsArray.reduce((prev, curr, i) => ({ ...prev, [cart.tickets.userIds[i]]: curr }), {}));
+    })();
+  }, [items, cart, teamMembers]);
+
+  if (!items || !teamMembers || !tickets || !cart) {
+    return (
+      <div className={styles.loader}>
+        <Loader />
+      </div>
+    );
+  }
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
@@ -46,24 +149,34 @@ const Payment = () => {
   } as StripePaymentElementOptions;
 
   return (
-    <div className={styles.stripePaymentContainer}>
-      <form id="payment-form" onSubmit={handleSubmit} className={styles.stripeForm}>
-        <PaymentElement id="payment-element" options={paymentElementOptions} />
-        <Button primary type="submit" disabled={isLoading || !stripe || !elements}>
-          <span id="button-text">{isLoading ? <div className="spinner" id="spinner"></div> : 'Payer'}</span>
-        </Button>
-        {/* Show any error or success messages */}
-        {message && <div id="payment-message">{message}</div>}
-      </form>
-      {/* <Cart
-        cart={cart}
-        tickets={tickets}
-        items={items}
-        teamMembers={teamMembers}
-        onItemRemoved={onRemoveItem}
-        onTicketRemoved={onRemoveTicket}
-        onCartReset={onCartReset}
-      /> */}
+    <div className={styles.paymentContainer}>
+      <div className={styles.stripePaymentContainer}>
+        <form id="payment-form" onSubmit={handleSubmit} className={styles.stripeForm}>
+          <Title level={2} align="center">
+            Paiement
+          </Title>
+          <PaymentElement id="payment-element" options={paymentElementOptions} />
+          <Button primary type="submit" disabled={isLoading || !stripe || !elements}>
+            <span id="button-text">{isLoading ? <div className="spinner" id="spinner"></div> : 'Payer'}</span>
+          </Button>
+          {/* Show any error or success messages */}
+          {message && <div id="payment-message">{message}</div>}
+        </form>
+        <div className={styles.bill}>
+          <Cart
+            cart={cart}
+            tickets={tickets!}
+            items={items!}
+            teamMembers={teamMembers!}
+            onItemRemoved={null}
+            onTicketRemoved={null}
+            onCartReset={null}
+          />
+        </div>
+      </div>
+      <p>
+        Paiement géré par <a href="https://stripe.com/fr">Stripe Payments Europe, Ltd.</a>
+      </p>
     </div>
   );
 };
diff --git a/src/app/(dashboard)/dashboard/payment/style.module.scss b/src/app/(dashboard)/dashboard/payment/style.module.scss
index 301f6e45..ceacfbb6 100644
--- a/src/app/(dashboard)/dashboard/payment/style.module.scss
+++ b/src/app/(dashboard)/dashboard/payment/style.module.scss
@@ -1,15 +1,57 @@
-.stripeForm {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 1rem;
-    width: 100%;
-    padding: 4rem;
+@import '@/variables.scss';
+
+.loader {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
 }
 
-.callbackLoader {
+.paymentContainer {
+  .stripePaymentContainer {
     display: flex;
-    justify-content: center;
-    align-items: center;
-}
\ No newline at end of file
+    padding: 2rem;
+
+    .bill {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      position: sticky;
+      top: 90px;
+      background-color: $secondary-background;
+      padding: 1.25rem;
+      border-radius: 0.5rem;
+      width: 40%;
+    }
+
+    .stripeForm {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      gap: 1rem;
+      width: 60%;
+      padding: 4rem;
+    }
+  }
+
+  p {
+    text-align: center;
+  }
+}
+
+@media screen and (max-width: 900px) {
+  .paymentContainer {
+    .stripePaymentContainer {
+      flex-direction: column;
+
+      .stripeForm {
+        width: 100%;
+      }
+
+      .bill {
+        width: 100%;
+      }
+    }
+  }
+}
diff --git a/src/app/(dashboard)/dashboard/purchases/page.tsx b/src/app/(dashboard)/dashboard/purchases/page.tsx
index b7806e8c..76443875 100644
--- a/src/app/(dashboard)/dashboard/purchases/page.tsx
+++ b/src/app/(dashboard)/dashboard/purchases/page.tsx
@@ -19,7 +19,7 @@ const Purchases = () => {
   const carts = useAppSelector((state) =>
     state.carts.allCarts.filter(
       (cart) =>
-        cart.transactionState === TransactionState.paid || cart.transactionState === TransactionState.authorization,
+        cart.transactionState === TransactionState.paid || cart.transactionState === TransactionState.processing,
     ),
   );
   const [items, setItems] = useState<Item[] | null>(null);
@@ -67,16 +67,16 @@ const Purchases = () => {
         return (
           <div
             className={`${styles.cardCart} ${
-              cart.transactionState === TransactionState.authorization ? styles.authorization : ''
+              cart.transactionState === TransactionState.processing ? styles.authorization : ''
             }`}
             key={cart.id}>
             <>
-              <Title level={2} align="center" className={styles.primaryTitle}>
+              <Title level={2} type={3} align="center" className={styles.primaryTitle}>
                 Achat #{cart.id}
               </Title>
               <p>
                 Date: {date.toLocaleDateString('fr-FR', { year: 'numeric', month: 'numeric', day: 'numeric' })}{' '}
-                {cart.transactionState === TransactionState.authorization ? '(Paiement en cours de traitement)' : ''}
+                {cart.transactionState === TransactionState.processing ? '(Paiement en cours de traitement)' : ''}
               </p>
               <Table columns={columns} dataSource={dataSource} className={styles.cart} />
               <p className={styles.cartTotal}>
diff --git a/src/app/(dashboard)/dashboard/purchases/style.module.scss b/src/app/(dashboard)/dashboard/purchases/style.module.scss
index 6ffbe8a5..d44e2cb8 100644
--- a/src/app/(dashboard)/dashboard/purchases/style.module.scss
+++ b/src/app/(dashboard)/dashboard/purchases/style.module.scss
@@ -14,7 +14,7 @@
   }
 
   .cardCart {
-    width: 100%;
+    width: calc(100% - 4rem);
     margin: 0 2rem;
     background-color: $secondary-background;
     padding: 1rem;
@@ -39,3 +39,12 @@
     }
   }
 }
+
+@media screen and (min-width: 768px) {
+  .dashboardPurchases {
+    .cardCart {
+      width: calc(100% - 2rem);
+      margin: 0 1rem;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/(dashboard)/dashboard/shop/page.tsx b/src/app/(dashboard)/dashboard/shop/page.tsx
index 8e8ef060..2f839150 100644
--- a/src/app/(dashboard)/dashboard/shop/page.tsx
+++ b/src/app/(dashboard)/dashboard/shop/page.tsx
@@ -294,7 +294,7 @@ const Shop = () => {
     setHasRequestedPayment(true);
     deleteCart();
     const token = await cartPay(cart);
-    dispatch(setRedirect(`/dashboard/payment?stripeToken=${token}`));
+    dispatch(setRedirect(`/dashboard/payment?stripeToken=${token}&cart=${JSON.stringify(cart)}`));
   };
 
   // Hide the places section if user can't buy any places
diff --git a/src/components/UI/Title.module.scss b/src/components/UI/Title.module.scss
index 5c420f7a..9f0caaf1 100644
--- a/src/components/UI/Title.module.scss
+++ b/src/components/UI/Title.module.scss
@@ -62,12 +62,13 @@ $radius: 8px;
 
   &.title-3 {
     font-weight: 600;
-    font-size: 1.5rem;
+    font-size: 2rem;
+    font-family: $kanit;
   }
 
   &.title-4 {
     font-weight: 600;
-    font-size: 1.25rem;
+    font-size: 1.75rem;
   }
 
   .textDivider {
diff --git a/src/components/dashboard/Cart.tsx b/src/components/dashboard/Cart.tsx
index b6bdb6ca..fde26a1c 100644
--- a/src/components/dashboard/Cart.tsx
+++ b/src/components/dashboard/Cart.tsx
@@ -22,20 +22,24 @@ const Cart = ({
   /** The team members */
   teamMembers: User[];
   /** The function to call when an item is removed */
-  onItemRemoved: (itemId: string) => void;
+  onItemRemoved: ((itemId: string) => void) | null;
   /** The function to call when a ticket is removed */
-  onTicketRemoved: (user: User | undefined, i: number | undefined) => void;
+  onTicketRemoved: ((user: User | undefined, i: number | undefined) => void) | null;
   /** The function to call when the cart is reset */
-  onCartReset: () => void;
+  onCartReset: (() => void) | null;
 }) => {
   const attendantTicket = items.find((ticket) => ticket.id === 'ticket-attendant');
   return (
     <div className={styles.cart}>
       <div className={styles.cartHeader}>
-        <h2 className={styles.mainTitle}>Panier</h2>
-        <Button primary outline onClick={onCartReset}>
-          Vider le panier
-        </Button>
+        <h2 className={styles.mainTitle}>
+          {!onItemRemoved && !onTicketRemoved && !onCartReset ? 'Recapitulatif Panier' : 'Panier'}
+        </h2>
+        {onCartReset && (
+          <Button primary outline onClick={onCartReset}>
+            Vider le panier
+          </Button>
+        )}
       </div>
       {Object.entries(tickets).map(([userId, ticket]) => {
         const i = cart.tickets.userIds.findIndex((id: string) => id === userId);
@@ -47,7 +51,7 @@ const Cart = ({
             quantity={1}
             unitPrice={ticket.price}
             reducedUnitPrice={ticket.reducedPrice}
-            onRemove={() => onTicketRemoved(user!, i)}
+            onRemove={onTicketRemoved ? () => onTicketRemoved(user!, i) : null}
           />
         );
       })}
@@ -57,7 +61,7 @@ const Cart = ({
           itemName={`${attendantTicket!.name} (${cart.tickets.attendant.firstname} ${cart.tickets.attendant.lastname})`}
           quantity={1}
           unitPrice={attendantTicket!.price}
-          onRemove={() => onTicketRemoved(undefined, undefined)}
+          onRemove={onTicketRemoved ? () => onTicketRemoved(undefined, undefined) : null}
         />
       )}
       {cart.supplements.map((supplement) => {
@@ -69,7 +73,7 @@ const Cart = ({
             itemName={item!.name + (item!.attribute ? ` - Taille ${item!.attribute.toUpperCase()}` : '')}
             quantity={supplement.quantity}
             unitPrice={item!.price}
-            onRemove={() => onItemRemoved(item!.id)}
+            onRemove={onItemRemoved ? () => onItemRemoved(item!.id) : null}
           />
         );
       })}
diff --git a/src/components/dashboard/CartItem.tsx b/src/components/dashboard/CartItem.tsx
index 4e4e7271..2a35b1df 100644
--- a/src/components/dashboard/CartItem.tsx
+++ b/src/components/dashboard/CartItem.tsx
@@ -19,7 +19,7 @@ const CartItem = ({
   /** The reduced unit price */
   reducedUnitPrice?: number | null;
   /** The function to call when the item is removed */
-  onRemove: () => void;
+  onRemove: (() => void) | null;
 }) => {
   return (
     <div className={styles.cartItem}>
@@ -61,7 +61,7 @@ const CartItem = ({
           })}
           €
         </div>
-        <Icon name={IconName.Trash} onClick={onRemove} />
+        {onRemove && <Icon name={IconName.Trash} onClick={onRemove} />}
       </div>
     </div>
   );

From 31d63b31262f961985636de048ef569159a927f0 Mon Sep 17 00:00:00 2001
From: Antoine D <106921102+Suboyyy@users.noreply.github.com>
Date: Fri, 13 Sep 2024 10:40:19 +0200
Subject: [PATCH 14/14] fix: image put true if already true (#378)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Antoine Dufils <antoine.dufils@utt.fr>
Co-authored-by: Teddy Roncin <teddy.roncin@proton.me>
Co-authored-by: Noé Landré <68849024+DevNono@users.noreply.github.com>
---
 src/components/dashboard/ItemModal.tsx | 12 +++++++++---
 src/modules/admin.ts                   |  8 ++++----
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/dashboard/ItemModal.tsx b/src/components/dashboard/ItemModal.tsx
index 4e4b8fee..95024fab 100644
--- a/src/components/dashboard/ItemModal.tsx
+++ b/src/components/dashboard/ItemModal.tsx
@@ -24,7 +24,7 @@ const ItemModal = ({
   const [endDate, setEndDate] = useState(item?.availableUntil || null);
   const [quantity, setQuantity] = useState(item?.stock || null);
   const [infos, setInfos] = useState(item?.infos || null);
-  const [image, setImage] = useState<File | null>(null);
+  const [logo, setLogo] = useState<File | null>(null);
   const [display, setDisplay] = useState(item?.display || false);
 
   const [attribute, setAttribute] = useState(item?.attribute || null);
@@ -57,6 +57,11 @@ const ItemModal = ({
           <Button
             primary
             onClick={() => {
+              let image;
+              if (item?.image || logo) {
+                image = true;
+              }
+
               const body = {
                 id: id ?? '',
                 name: name ?? '',
@@ -66,6 +71,7 @@ const ItemModal = ({
                 reducedPrice: reducedPrice ?? 0,
                 availableFrom: startDate ? startDate : null,
                 availableUntil: endDate ? endDate : null,
+                image: image ?? false,
                 // we update the stock through a difference between the current stock and the quantity in order to avoid conflicts if an order is made at the same time
                 left: quantity! - item!.stock! ?? item!.stock!,
                 infos: infos ? infos : null,
@@ -73,7 +79,7 @@ const ItemModal = ({
               } as AdminItem;
 
               dispatch(
-                updateItem(body, image, () => {
+                updateItem(body, logo, () => {
                   onClose!();
                 }),
               );
@@ -123,7 +129,7 @@ const ItemModal = ({
           onChange={(value) => setQuantity(value as unknown as number)}
         />
         <Textarea label="Description" value={infos ?? ''} onChange={setInfos} />
-        <FileInput label="Logo" value={item ? getItemImageLink(item.id) : ''} onChange={setImage} type={['png']} />
+        <FileInput label="Logo" value={item ? getItemImageLink(item.id) : ''} onChange={setLogo} type={['png']} />
         <Checkbox label="Display" value={display} onChange={setDisplay} />
       </>
     </Modal>
diff --git a/src/modules/admin.ts b/src/modules/admin.ts
index a746d27c..90ce27db 100644
--- a/src/modules/admin.ts
+++ b/src/modules/admin.ts
@@ -276,7 +276,7 @@ export const fetchAdminItems = (): AppThunk => async (dispatch) => {
 };
 
 export const updateItem =
-  (item: AdminItem, image: File | null, callback: () => void): AppThunk =>
+  (item: AdminItem, logo: File | null, callback: () => void): AppThunk =>
   async (dispatch) => {
     try {
       const result = await API.patch(`admin/items/${item.id}`, {
@@ -290,11 +290,11 @@ export const updateItem =
         availableFrom: item.availableFrom,
         availableUntil: item.availableUntil,
         display: item.display.toString(),
-        image: !!image,
+        image: item.image,
       });
 
-      if (result && image) {
-        await uploadFile(image, getItemImageName(result.id), ITEM_FOLDER);
+      if (result && logo) {
+        await uploadFile(logo, getItemImageName(result.id), ITEM_FOLDER);
       }
 
       callback();