diff --git a/front/public/locales/en/operationalStudies/project.json b/front/public/locales/en/operationalStudies/project.json index 7d2bb78ab67..9b14229a067 100644 --- a/front/public/locales/en/operationalStudies/project.json +++ b/front/public/locales/en/operationalStudies/project.json @@ -1,4 +1,5 @@ { + "addImage": "Add an image", "affairCode": "Affair code", "budget": "Budget", "createdOn": "Created on ", diff --git a/front/public/locales/fr/operationalStudies/project.json b/front/public/locales/fr/operationalStudies/project.json index 2707679ae1b..98d90c00a64 100644 --- a/front/public/locales/fr/operationalStudies/project.json +++ b/front/public/locales/fr/operationalStudies/project.json @@ -1,4 +1,5 @@ { + "addImage": "Ajouter une image", "affairCode": "Code affaire", "budget": "Budget", "createdOn": "Créée le", diff --git a/front/src/applications/operationalStudies/components/Project/PictureUploader.tsx b/front/src/applications/operationalStudies/components/Project/PictureUploader.tsx index e5fccb353a4..7e277505cf2 100644 --- 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; }; @@ -46,7 +47,7 @@ function displayNoImageMessages(isValid: boolean, t: (arg0: string) => string) { <> {isValid ? ( -
{t('noImage')}
+
{t('addImage')}
) : (
{t('noImageInvalid')} @@ -88,6 +89,7 @@ function PicturePlaceholder({ image, isValid, tempProjectImage }: PicturePlaceho function PicturePlaceholderButtons({ setTempProjectImage, + tempProjectImage, safeWord, t, }: PicturePlaceholderButtonsProps) { @@ -183,14 +185,17 @@ function PicturePlaceholderButtons({ > SNCF LOGO - + + {tempProjectImage && ( + + )}
); } @@ -247,6 +252,7 @@ export default function PictureUploader({