From c53c54a32834ce97d46a404fcf740e14730e9cfd Mon Sep 17 00:00:00 2001
From: Antoine D <106921102+Suboyyy@users.noreply.github.com>
Date: Fri, 27 Sep 2024 11:29:51 +0200
Subject: [PATCH] Merge master (#390)

* Feat/delete image (#389)

* fix: image put true if already true

* feat: delete button + deleteImage function

* feat: add delete button and function

* todo

* feat: checkbox to delete image works

* feat: argg

---------

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

* fix: image preview no longer in itemModal

* fix: lol username "with #"

* change image upload text color

* fix: delete img (normaly it works)

* fix: Change the environment variable

* fix: image input fix color

---------

Co-authored-by: Antoine D <antoine.dufils@yahoo.fr>
---
 src/app/(dashboard)/dashboard/account/page.tsx |  7 ++++++-
 src/app/robots.tsx                             |  2 +-
 src/components/UI/FileInput.tsx                |  5 ++++-
 src/components/dashboard/ItemModal.tsx         | 17 +++++++++++++++--
 src/components/dashboard/PartnerModal.tsx      |  1 +
 src/components/dashboard/TournamentModal.tsx   |  3 +++
 src/components/landing/LoginModal.tsx          |  2 +-
 7 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/app/(dashboard)/dashboard/account/page.tsx b/src/app/(dashboard)/dashboard/account/page.tsx
index 1eddb2c1..b0b8154b 100644
--- a/src/app/(dashboard)/dashboard/account/page.tsx
+++ b/src/app/(dashboard)/dashboard/account/page.tsx
@@ -100,7 +100,12 @@ const Account = () => {
         <Input label="Email" value={user.email} autocomplete="off" disabled />
         <Input label="Prénom" value={firstname} onChange={setFirstname} autocomplete="off" disabled />
         <Input label="Nom" value={lastname} onChange={setLastname} autocomplete="off" disabled />
-        <Input label="Pseudo (Nom d'invocateur pour LoL)" value={username} onChange={setUsername} autocomplete="off" />
+        <Input
+          label="Pseudo (Nom d'invocateur pour LoL avec #)"
+          value={username}
+          onChange={setUsername}
+          autocomplete="off"
+        />
         <Input
           label="Nouveau mot de passe"
           value={password}
diff --git a/src/app/robots.tsx b/src/app/robots.tsx
index a45239f2..2645e371 100644
--- a/src/app/robots.tsx
+++ b/src/app/robots.tsx
@@ -1,7 +1,7 @@
 import { MetadataRoute } from 'next';
 
 export default function robots(): MetadataRoute.Robots {
-  if (process.env.NODE_ENV === 'production') {
+  if (process.env.ENVIRONMENT === 'production') {
     return {
       rules: {
         userAgent: '*',
diff --git a/src/components/UI/FileInput.tsx b/src/components/UI/FileInput.tsx
index 7c59f47a..f5a61063 100644
--- a/src/components/UI/FileInput.tsx
+++ b/src/components/UI/FileInput.tsx
@@ -6,6 +6,7 @@ import { ChangeEvent, useRef, useState } from 'react';
  * Renders a component that allows the user to upload a file.
  */
 const FileUpload = ({
+  textColor = 'white',
   label,
   value = '',
   onChange,
@@ -13,6 +14,8 @@ const FileUpload = ({
   className = '',
   bg = 'white',
 }: {
+  /** The text color when there no image has been uploaded */
+  textColor?: string;
   /** The label to display. */
   label: string;
   /** The value of the file. */
@@ -77,7 +80,7 @@ const FileUpload = ({
           </>
         )}
 
-        <p className={error || (value === '' && preview === null) ? 'black' : ''}>
+        <p style={{ color: textColor }} className={error || (value === '' && preview === null) ? 'black' : ''}>
           Choisir un fichier{' '}
           {type
             .map((t) => `.${t}`)
diff --git a/src/components/dashboard/ItemModal.tsx b/src/components/dashboard/ItemModal.tsx
index 95024fab..ef107d52 100644
--- a/src/components/dashboard/ItemModal.tsx
+++ b/src/components/dashboard/ItemModal.tsx
@@ -26,6 +26,7 @@ const ItemModal = ({
   const [infos, setInfos] = useState(item?.infos || null);
   const [logo, setLogo] = useState<File | null>(null);
   const [display, setDisplay] = useState(item?.display || false);
+  const [deleteImg, setDeleteImg] = useState(false);
 
   const [attribute, setAttribute] = useState(item?.attribute || null);
   const [category, setCategory] = useState(item?.category || null);
@@ -47,6 +48,10 @@ const ItemModal = ({
     return `${year}-${month}-${day}T${hours}:${minutes}`;
   };
 
+  function deleteLogo(): void {
+    setDeleteImg(!deleteImg);
+  }
+
   return (
     <Modal
       visible={true}
@@ -58,7 +63,7 @@ const ItemModal = ({
             primary
             onClick={() => {
               let image;
-              if (item?.image || logo) {
+              if ((item?.image || logo) && !deleteImg) {
                 image = true;
               }
 
@@ -129,7 +134,15 @@ 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={setLogo} type={['png']} />
+        <FileInput
+          textColor="black"
+          label="Logo"
+          value={item && item?.image ? getItemImageLink(item.id) : ''}
+          onChange={setLogo}
+          type={['png']}
+        />
+        <Checkbox label="Supprimer l'image" value={deleteImg} onChange={deleteLogo} />
+        <br />
         <Checkbox label="Display" value={display} onChange={setDisplay} />
       </>
     </Modal>
diff --git a/src/components/dashboard/PartnerModal.tsx b/src/components/dashboard/PartnerModal.tsx
index e0b08c4b..0c3dee08 100644
--- a/src/components/dashboard/PartnerModal.tsx
+++ b/src/components/dashboard/PartnerModal.tsx
@@ -77,6 +77,7 @@ const PartnerModal = ({
         <Input label="Lien" value={link ?? ''} onChange={setLink} />
         <Textarea label="Description" value={description ?? ''} onChange={setDescription} />
         <FileInput
+          textColor="black"
           label="Logo"
           value={partner ? getPartnerLogoLink(partner.id) : ''}
           onChange={setLogo}
diff --git a/src/components/dashboard/TournamentModal.tsx b/src/components/dashboard/TournamentModal.tsx
index de75527f..4e8b7325 100644
--- a/src/components/dashboard/TournamentModal.tsx
+++ b/src/components/dashboard/TournamentModal.tsx
@@ -141,18 +141,21 @@ const TournamentModal = ({
         </div>
 
         <FileInput
+          textColor="black"
           label="Image"
           value={tournament ? getTournamentImageLink(tournament.id) : ''}
           onChange={setImage}
           type={['jpg']}
         />
         <FileInput
+          textColor="black"
           label="Image de fond"
           value={tournament ? getTournamentBackgroundLink(tournament.id) : ''}
           onChange={setBackgroundImage}
           type={['jpg']}
         />
         <FileInput
+          textColor="black"
           label="Règles"
           value={tournament ? getTournamentRulesLink(tournament.id) : ''}
           onChange={setRules}
diff --git a/src/components/landing/LoginModal.tsx b/src/components/landing/LoginModal.tsx
index c67fce78..466139b3 100644
--- a/src/components/landing/LoginModal.tsx
+++ b/src/components/landing/LoginModal.tsx
@@ -132,7 +132,7 @@ function LoginModal({
             autocomplete="family-name"
           />
           <Input
-            label="Pseudo (Nom d'invocateur pour LoL)"
+            label="Pseudo (Nom d'invocateur pour LoL avec #)"
             value={signupForm.username}
             onChange={(value: string) => updateSignup('username', value)}
             autocomplete="nickname"