fix: display save/cancel for image dropzone button (naturalsolutions#41)

MathildeNS · Sep 4, 2023 · 3024962 · 3024962
1 parent cb934d2
commit 3024962
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git 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 } />
         </>
     )
 }
diff --git 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>