(PC-30783)[PRO] feat: image in form can be disabled

pass-culture · Nov 25, 2024 · 65f0637 · 65f0637
1 parent c8c31ca
commit 65f0637
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/pro/src/components/ImageUploader/ButtonImageEdit/ButtonImageEdit.tsx b/pro/src/components/ImageUploader/ButtonImageEdit/ButtonImageEdit.tsx
@@ -24,6 +24,7 @@ export type ButtonImageEditProps = {
   mode: UploaderModeEnum
   onClickButtonImage?: () => void
   children?: React.ReactNode
+  disableForm?: boolean
 }
 
 export const ButtonImageEdit = ({
@@ -33,6 +34,7 @@ export const ButtonImageEdit = ({
   onImageDelete,
   onClickButtonImage,
   children,
+  disableForm
 }: ButtonImageEditProps): JSX.Element => {
   const { imageUrl, originalImageUrl } = initialValues
 
@@ -78,6 +80,7 @@ export const ButtonImageEdit = ({
               })}
               onClick={onClickButtonImageAdd}
               type="button"
+              disabled={disableForm}
             >
               <>
                 <SvgIcon

diff --git a/pro/src/components/ImageUploader/ImageUploader.tsx b/pro/src/components/ImageUploader/ImageUploader.tsx
@@ -16,6 +16,7 @@ export interface ImageUploaderProps {
   mode: UploaderModeEnum
   onClickButtonImageAdd?: () => void
   hideActionButtons?: boolean
+  disableForm?: boolean
 }
 
 export const ImageUploader = ({
@@ -26,6 +27,7 @@ export const ImageUploader = ({
   mode,
   onClickButtonImageAdd,
   hideActionButtons = false,
+  disableForm = false
 }: ImageUploaderProps) => {
   const { imageUrl, originalImageUrl, credit, cropParams } = initialValues
 
@@ -58,6 +60,7 @@ export const ImageUploader = ({
                   onImageUpload={onImageUpload}
                   onImageDelete={onImageDelete}
                   onClickButtonImage={onClickButtonImageAdd}
+                  disableForm={disableForm}
                 />
                 {mode !== UploaderModeEnum.OFFER_COLLECTIVE && (
                   <ButtonAppPreview imageUrl={imageUrl} mode={mode} />
@@ -73,6 +76,7 @@ export const ImageUploader = ({
           onImageUpload={onImageUpload}
           onImageDelete={onImageDelete}
           onClickButtonImage={onClickButtonImageAdd}
+          disableForm={disableForm}
         />
       )}
     </div>

diff --git a/.../components/OfferEducational/OfferEducationalForm/FormImageUploader/FormImageUploader.tsx b/.../components/OfferEducational/OfferEducationalForm/FormImageUploader/FormImageUploader.tsx
@@ -11,6 +11,7 @@ export interface ImageUploaderOfferProps {
   onImageUpload: (values: OnImageUploadArgs) => void
   onImageDelete: () => void
   imageOffer: OfferCollectiveImage | null
+  disableForm: boolean
 }
 
 const buildInitialValues = (
@@ -25,6 +26,7 @@ export const FormImageUploader = ({
   onImageUpload,
   onImageDelete,
   imageOffer,
+  disableForm
 }: ImageUploaderOfferProps) => (
   <FormLayout.Section title="Image de l’offre">
     <FormLayout.Row>
@@ -33,6 +35,7 @@ export const FormImageUploader = ({
         onImageDelete={onImageDelete}
         initialValues={buildInitialValues(imageOffer)}
         mode={UploaderModeEnum.OFFER_COLLECTIVE}
+        disableForm={disableForm}
       />
     </FormLayout.Row>
   </FormLayout.Section>