From 30249628e92f905fb55400afd7e43386b6013f27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oph=C3=A9lie=20Da=20Silva?=
 <97033494+ophdlv@users.noreply.github.com>
Date: Mon, 4 Sep 2023 21:47:31 +0200
Subject: [PATCH] fix: display save/cancel for image dropzone button (#41)

---
 frontend/src/components/common/buttonsYesNo.tsx | 11 ++++++++---
 frontend/src/components/imageList.tsx           |  7 ++++++-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/common/buttonsYesNo.tsx b/frontend/src/components/common/buttonsYesNo.tsx
index f550540..ccae257 100644
--- a/frontend/src/components/common/buttonsYesNo.tsx
+++ b/frontend/src/components/common/buttonsYesNo.tsx
@@ -3,12 +3,17 @@ import { useTranslation } from "react-i18next";
 import ButtonCancel from "./buttonCancel";
 import ButtonValidate from "./buttonValidate";
 
-export default function ButtonsYesNo({onYes, onNo}) {
+export default function ButtonsYesNo({
+    onYes, 
+    onNo,
+    yesContent="",
+    noContent=""
+}) {
     const { t } = useTranslation();
     return (
         <>
-            <ButtonCancel content={ capitalize(t("main.no")) } cancel={ onNo } />
-            <ButtonValidate content={ capitalize(t("main.yes")) } validate={ onYes } />
+            <ButtonCancel content={ noContent ? noContent : capitalize(t("main.no")) } cancel={ onNo } />
+            <ButtonValidate content={ yesContent ? yesContent : capitalize(t("main.yes")) } validate={ onYes } />
         </>
     )
 }
\ No newline at end of file
diff --git a/frontend/src/components/imageList.tsx b/frontend/src/components/imageList.tsx
index 4db6502..7aec01a 100644
--- a/frontend/src/components/imageList.tsx
+++ b/frontend/src/components/imageList.tsx
@@ -83,7 +83,12 @@ const ImageList: FC<{}> = () => {
             alignItems="center"
             spacing={2}
           >
-            <ButtonsYesNo onYes={ save } onNo={ clear } />
+            <ButtonsYesNo 
+              onYes={ save } 
+              onNo={ clear } 
+              yesContent={ capitalize(t("main.save"))} 
+              noContent={capitalize(t("main.cancel"))}
+            />
           </Stack>
           <ImageMasonry />
         </Stack>