fix: add missing file remove calls from inventory popup

src/actions/sponsor-forms-actions.js

@@ -104,6 +104,7 @@ export const RESET_SPONSOR_FORM_ITEM = "RESET_SPONSOR_FORM_ITEM";
 export const SPONSOR_FORM_ITEM_DELETED = "SPONSOR_FORM_ITEM_DELETED";
 export const SPONSOR_FORM_ITEM_IMAGES_UPDATED =
   "SPONSOR_FORM_ITEM_IMAGES_UPDATED";
+export const SPONSOR_FORM_ITEM_FILE_DELETED = "SPONSOR_FORM_ITEM_FILE_DELETED";
 export const SPONSOR_FORM_ITEMS_ADDED = "SPONSOR_FORM_ITEMS_ADDED";
 export const SPONSOR_FORM_ITEM_ARCHIVED = "SPONSOR_FORM_ITEM_ARCHIVED";
 export const SPONSOR_FORM_ITEM_UNARCHIVED = "SPONSOR_FORM_ITEM_UNARCHIVED";
@@ -1172,6 +1173,26 @@ const saveItemImages =
     return Promise.all(promises);
   };
 
+export const removeItemFile =
+  (formId, formItemId, fileId) => async (dispatch, getState) => {
+    const { currentSummitState } = getState();
+    const { currentSummit } = currentSummitState;
+    const accessToken = await getAccessTokenSafely();
+    const params = { access_token: accessToken };
+
+    dispatch(startLoading());
+
+    return deleteRequest(
+      null,
+      createAction(SPONSOR_FORM_ITEM_FILE_DELETED),
+      `${window.PURCHASES_API_URL}/api/v1/summits/${currentSummit.id}/show-forms/${formId}/items/${formItemId}/images/${fileId}`,
+      null,
+      snackbarErrorHandler
+    )(params)(dispatch).finally(() => {
+      dispatch(stopLoading());
+    });
+  };
+
 export const saveSponsorFormItem =
   (formId, entity) => async (dispatch, getState) => {
     const { currentSummitState } = getState();

src/pages/sponsors-global/form-templates/form-template-item-list-page.js

@@ -189,6 +189,10 @@ const FormTemplateItemListPage = ({
     setShowInventoryItemModal(false);
   };
 
+  const handleRemoveImage = (imageId) => {
+    deleteItemImage(formTemplateId, currentFormTemplateItem.id, imageId);
+  };
+
   const columns = [
     {
       columnKey: "code",
@@ -321,7 +325,7 @@ const FormTemplateItemListPage = ({
           onClose={() => setShowInventoryItemModal(false)}
           onMetaFieldTypeDeleted={deleteItemMetaFieldType}
           onMetaFieldTypeValueDeleted={deleteItemMetaFieldTypeValue}
-          onImageDeleted={deleteItemImage}
+          onImageDeleted={handleRemoveImage}
         />
       )}
     </div>

src/pages/sponsors-global/form-templates/sponsor-inventory-popup.js

@@ -43,6 +43,7 @@ const SponsorItemDialog = ({
   onSave,
   onMetaFieldTypeDeleted,
   onMetaFieldTypeValueDeleted,
+  onImageDeleted,
   entity: initialEntity
 }) => {
   const formik = useFormik({
@@ -83,6 +84,10 @@ const SponsorItemDialog = ({
     onClose();
   };
 
+  const handleIDeleteImage = (id) => {
+    if (id) onImageDeleted(id);
+  };
+
   return (
     <Dialog
       open
@@ -220,6 +225,7 @@ const SponsorItemDialog = ({
                   id="image-upload"
                   name="images"
                   maxFiles={mediaType.max_uploads_qty}
+                  onDelete={handleIDeleteImage}
                   allowedExtensions={getFileUploadAllowedExtensions()}
                 />
               </Grid2>
@@ -242,6 +248,7 @@ SponsorItemDialog.propTypes = {
   onSave: PropTypes.func.isRequired,
   onMetaFieldTypeDeleted: PropTypes.func,
   onMetaFieldTypeValueDeleted: PropTypes.func,
+  onImageDeleted: PropTypes.func,
   entity: PropTypes.object
 };
 

src/pages/sponsors-global/inventory/inventory-list-page.js

@@ -152,6 +152,10 @@ const InventoryListPage = ({
       ? unarchiveInventoryItem(item)
       : archiveInventoryItem(item);
 
+  const handleRemoveImage = (imageId) => {
+    deleteInventoryItemImage(currentInventoryItem.id, imageId);
+  };
+
   const columns = [
     {
       columnKey: "code",
@@ -293,7 +297,7 @@ const InventoryListPage = ({
           onClose={handleClose}
           onMetaFieldTypeDeleted={deleteInventoryItemMetaFieldType}
           onMetaFieldTypeValueDeleted={deleteInventoryItemMetaFieldTypeValue}
-          onImageDeleted={deleteInventoryItemImage}
+          onImageDeleted={handleRemoveImage}
         />
       )}
     </div>
@@ -314,7 +318,6 @@ export default connect(mapStateToProps, {
   getInventoryItem,
   resetInventoryItemForm,
   saveInventoryItem,
-
   deleteInventoryItemImage,
   deleteInventoryItemMetaFieldType,
   deleteInventoryItemMetaFieldTypeValue,

src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-form.js

@@ -34,7 +34,7 @@ const buildInitialValues = (data) => ({ ...data });
 
 addIssAfterDateFieldValidator();
 
-const SponsorFormItemForm = ({ initialValues, onSubmit }) => {
+const SponsorFormItemForm = ({ initialValues, onSubmit, onImageDeleted }) => {
   const formik = useFormik({
     initialValues: buildInitialValues(initialValues),
     validationSchema: yup.object({
@@ -57,6 +57,10 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => {
   // SCROLL TO ERROR
   useScrollToError(formik);
 
+  const handleDeleteImage = (id) => {
+    if (id) onImageDeleted(id);
+  };
+
   return (
     <FormikProvider value={formik}>
       <Box
@@ -147,6 +151,7 @@ const SponsorFormItemForm = ({ initialValues, onSubmit }) => {
                 id="item-image-upload"
                 name="images"
                 maxFiles={MAX_INVENTORY_IMAGES_UPLOAD_QTY}
+                onDelete={handleDeleteImage}
                 allowedExtensions={getFileUploadAllowedExtensions()}
               />
             </Box>

src/pages/sponsors/sponsor-form-item-list-page/components/sponsor-form-item-popup.js

@@ -13,6 +13,7 @@ import CloseIcon from "@mui/icons-material/Close";
 import {
   resetSponsorFormItem,
   saveSponsorFormItem,
+  removeItemFile,
   updateSponsorFormItem
 } from "../../../../actions/sponsor-forms-actions";
 import SponsorFormItemForm from "./sponsor-form-item-form";
@@ -24,7 +25,8 @@ const SponsorFormItemPopup = ({
   onClose,
   resetSponsorFormItem,
   saveSponsorFormItem,
-  updateSponsorFormItem
+  updateSponsorFormItem,
+  removeItemFile
 }) => {
   const handleClose = () => {
     // clear form from reducer
@@ -40,6 +42,10 @@ const SponsorFormItemPopup = ({
     });
   };
 
+  const handleRemoveImage = (imageId) => {
+    removeItemFile(formId, item.id, imageId);
+  };
+
   return (
     <Dialog open={open} onClose={handleClose} maxWidth="md" fullWidth>
       <DialogTitle
@@ -49,14 +55,19 @@ const SponsorFormItemPopup = ({
         <Typography variant="h5">
           {T.translate(
             `sponsor_form_item_list.edit_item.${item?.id ? "edit" : "new"}`
-          )}
+          )}{" "}
+          laksjdlkajsdklajds
         </Typography>
         <IconButton size="large" sx={{ p: 0 }} onClick={handleClose}>
           <CloseIcon fontSize="large" />
         </IconButton>
       </DialogTitle>
       <Divider />
-      <SponsorFormItemForm initialValues={item} onSubmit={handleOnSave} />
+      <SponsorFormItemForm
+        initialValues={item}
+        onSubmit={handleOnSave}
+        onImageDeleted={handleRemoveImage}
+      />
     </Dialog>
   );
 };
@@ -81,5 +92,6 @@ const mapStateToProps = ({
 export default connect(mapStateToProps, {
   resetSponsorFormItem,
   saveSponsorFormItem,
-  updateSponsorFormItem
+  updateSponsorFormItem,
+  removeItemFile
 })(SponsorFormItemPopup);

src/pages/sponsors/sponsor-page/tabs/sponsor-forms-tab/components/manage-items/sponsor-forms-manage-items.js

@@ -202,6 +202,10 @@ const SponsorFormsManageItems = ({
     );
   };
 
+  const handleImageRemove = (imageId) => {
+    console.log("CHECK IMAGE ", imageId);
+  };
+
   const sponsorItemColumns = [
     {
       columnKey: "code",
@@ -384,6 +388,7 @@ const SponsorFormsManageItems = ({
           entity={currentInventoryItem}
           onSave={handleItemSave}
           onClose={handleClose}
+          onImageDeleted={handleImageRemove}
         />
       )}