Merge pull request #322 from ungdev/dev

Fix/fixes (#321)

src/app/tournaments/[id]/content.tsx

@@ -92,7 +92,7 @@ export function TournamentInformation({ tournamentId, animate = true }: { tourna
               ? 'À venir'
               : tournament.casters.length === 0
               ? 'Aucun caster pour ce tournoi'
-              : tournament.casters?.map((caster) => caster.name + ' ')}
+              : tournament.casters?.map((caster) => caster.name).join(', ')}
           </BoxContainer>
         </div>
         {loginAllowed &&

src/app/tournaments/content.tsx

@@ -264,7 +264,7 @@ export function TournamentHome({
             <p>
               {renderedTournament.casters !== null && renderedTournament.casters.length > 0 && (
                 <>
-                  Casté par <strong>{renderedTournament.casters?.map((caster) => caster.name + ' ')}</strong>
+                  Casté par <strong>{renderedTournament.casters?.map((caster) => caster.name).join(', ')}</strong>
                 </>
               )}
             </p>

src/components/dashboard/TournamentModal.module.scss

@@ -1,35 +1,35 @@
 .casters {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 1rem;
-    margin-bottom: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 
-    >p{
-        font-size: 1rem;
-        font-weight: 600;
-    }
+  > p {
+    font-size: 1rem;
+    font-weight: 600;
+  }
 }
 
 .caster {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    gap: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  gap: 1rem;
 
-    >button {
-        margin: 1.25rem 0;
-        padding: 0.75rem 1rem;
-        >svg{
-            width: 24px;
-        }
+  > button {
+    margin: 1.25rem 0;
+    padding: 0.75rem 1rem;
+    svg {
+      width: 24px;
     }
+  }
 }
 
 .displayCheckboxes {
-    display: flex;
-    column-gap: 1rem;
-    row-gap: 0.5rem;
-    flex-wrap: wrap;
-    margin-bottom: 2rem;
+  display: flex;
+  column-gap: 1rem;
+  row-gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-bottom: 2rem;
 }

src/components/dashboard/TournamentModal.tsx

@@ -131,8 +131,7 @@ const TournamentModal = ({
                 setCasters(newCasters);
                 setCastersCount(castersCount - 1);
               }}>
-              {/* TODO: make it work */}
-              <Icon name={IconName.Trash} />
+              <Icon name={IconName.Trash} className={styles.trashIcon} />
             </Button>
           </div>
         ))}