front: displays button when an image is selected

OpenRailAssociation · Jul 8, 2024 · fc1b9e9 · fc1b9e9
1 parent b05d26f
commit fc1b9e9
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/front/src/applications/operationalStudies/components/Project/PictureUploader.tsx b/front/src/applications/operationalStudies/components/Project/PictureUploader.tsx
@@ -35,6 +35,7 @@ type PictureUploaderProps = {
 
 type PicturePlaceholderButtonsProps = {
   setTempProjectImage: (tempProjectImage: Blob | null | undefined) => void;
+  tempProjectImage: Blob | null | undefined;
   safeWord: string;
   t: TFunction;
 };
@@ -88,6 +89,7 @@ function PicturePlaceholder({ image, isValid, tempProjectImage }: PicturePlaceho
 
 function PicturePlaceholderButtons({
   setTempProjectImage,
+  tempProjectImage,
   safeWord,
   t,
 }: PicturePlaceholderButtonsProps) {
@@ -183,14 +185,17 @@ function PicturePlaceholderButtons({
       >
         <img src={logoSNCF} alt="SNCF LOGO" />
       </button>
-      <button
-        className="remove"
-        type="button"
-        aria-label={t('removeImage')}
-        onClick={() => setTempProjectImage(null)}
-      >
-        <XCircle variant="fill" />
-      </button>
+
+      {tempProjectImage && (
+        <button
+          className="remove"
+          type="button"
+          aria-label={t('removeImage')}
+          onClick={() => setTempProjectImage(null)}
+        >
+          <XCircle variant="fill" />
+        </button>
+      )}
     </div>
   );
 }
@@ -247,6 +252,7 @@ export default function PictureUploader({
       </label>
       <PicturePlaceholderButtons
         setTempProjectImage={setTempProjectImage}
+        tempProjectImage={tempProjectImage}
         safeWord={safeWord}
         t={t}
       />