fix: content reload after import

frontend/src/app-components/attachment/AttachmentInput.tsx

@@ -46,7 +46,7 @@ const AttachmentInput = forwardRef<HTMLDivElement, AttachmentThumbnailProps>(
     ref,
   ) => {
     const hasPermission = useHasPermission();
-    const handleChange = (attachment: IAttachment | null) => {
+    const handleChange = (attachment?: IAttachment | null) => {
       onChange && onChange(attachment?.id || null, attachment?.type || null);
     };
 

frontend/src/app-components/attachment/AttachmentUploader.tsx

@@ -65,7 +65,7 @@ export type FileUploadProps = {
   imageButton?: boolean;
   accept: string;
   enableMediaLibrary?: boolean;
-  onChange?: (data: IAttachment | null) => void;
+  onChange?: (data?: IAttachment | null) => void;
 };
 
 const AttachmentUploader: FC<FileUploadProps> = ({
@@ -99,9 +99,10 @@ const AttachmentUploader: FC<FileUploadProps> = ({
       const file = event.target.files.item(0);
 
       if (file) {
-        const acceptedTypes = accept.split(',');
+        const acceptedTypes = accept.split(",");
-        const isValidType = acceptedTypes.some((type) =>
+        const isValidType = acceptedTypes.some(
-          file.type === type || file.name.endsWith(type.replace('.*', ''))
+          (type) =>
+            file.type === type || file.name.endsWith(type.replace(".*", "")),
         );
 
         if (!isValidType) {

frontend/src/app-components/dialogs/DeleteDialog.tsx

@@ -43,7 +43,16 @@ export const DeleteDialog: FC<DeleteDialogProps> = ({
         </Grid>
       </DialogContent>
       <DialogActions>
-        <Button variant="contained" color="error" onClick={callback} autoFocus>
+        <Button
+          variant="contained"
+          color="error"
+          onClick={() => {
+            if (callback) {
+              callback();
+            }
+          }}
+          autoFocus
+        >
           {t("button.yes")}
         </Button>
         <Button variant="outlined" onClick={closeFunction}>

frontend/src/components/contents/ContentImportDialog.tsx

@@ -38,17 +38,23 @@ export const ContentImportDialog: FC<ContentImportDialogProps> = ({
   const { refetch, isFetching } = useQuery(
     ["importContent", data?.contentType?.id, attachmentId],
     async () => {
-      await apiClient.importContent(data?.contentType?.id!, attachmentId!)},
+      if (data?.contentType?.id && attachmentId) {
+        await apiClient.importContent(data.contentType.id, attachmentId);
+      }
+    },
     {
       enabled: false,
       onSuccess: () => {
         handleCloseDialog();
         toast.success(t("message.success_save"));
+        if (rest.callback) {
+          rest.callback();
+        }
       },
       onError: () => {
         toast.error(t("message.internal_server_error"));
       },
-    }
+    },
   );
   const handleCloseDialog = () => {
     closeDialog();

frontend/src/components/contents/index.tsx

@@ -67,7 +67,7 @@ export const Contents = () => {
   const { data: contentType } = useGet(String(query.id), {
     entity: EntityType.CONTENT_TYPE,
   });
-  const { dataGridProps } = useFind(
+  const { dataGridProps, refetch } = useFind(
     { entity: EntityType.CONTENT, format: Format.FULL },
     {
       params: searchPayload,
@@ -161,7 +161,12 @@ export const Contents = () => {
         <Paper>
           <ContentDialog {...getDisplayDialogs(addDialogCtl)} />
           <ContentDialog {...getDisplayDialogs(editDialogCtl)} />
-          <ContentImportDialog {...getDisplayDialogs(importDialogCtl)} />
+          <ContentImportDialog
+            {...getDisplayDialogs(importDialogCtl)}
+            callback={() => {
+              refetch();
+            }}
+          />
           <DeleteDialog
             {...deleteDialogCtl}
             callback={() => {

frontend/src/hooks/useDialog.tsx

@@ -15,7 +15,7 @@ export type DialogControlProps<T, C = never> = Omit<
 >;
 export type DialogControl<T = null, C = never> = DialogProps & {
   data?: T;
-  callback?: (data: C) => void;
+  callback?: (data?: C) => void;
   openDialog: (data?: T) => void;
   closeDialog: () => void;
 };