feat: Attachment files system.

client/src/hooks/useMedia.js

@@ -0,0 +1,59 @@
+import React, { useState, useRef, useMemo, useCallback } from 'react';
+import {
+  ProgressBar,
+  Classes,
+  Intent,
+} from '@blueprintjs/core';
+import classNames from 'classnames';
+import AppToaster from 'components/AppToaster';
+import { saveFilesInAsync } from 'utils';
+
+const useMedia = ({ saveCallback, deleteCallback }) => {
+  const [files, setFiles] = useState([]);
+  const [deletedFiles, setDeletedFiles] = useState([]);
+  const toastKey = useRef(0);
+
+  const openProgressToast = useCallback((amount) => ({
+    message: (
+      <ProgressBar
+        className={classNames("toast-progress", {
+          [Classes.PROGRESS_NO_STRIPES]: amount >= 100,
+        })}
+        intent={amount < 100 ? Intent.PRIMARY : Intent.SUCCESS}
+        value={amount / 100}
+      />
+    ),
+  }), []);
+
+  const saveMedia = useCallback(() => { 
+    const notUploadedFiles = files.filter((file) => file.uploaded === false);
+
+    if (notUploadedFiles.length > 0) {
+      toastKey.current = AppToaster.show(openProgressToast(0));
+
+      const saveAction =  (formData, attachment, progressCallback) => {
+        return saveCallback(formData, {
+          onUploadProgress: (progress) => { progressCallback(progress); }
+        }).then((res) => {
+          attachment.uploaded = true;
+          return res;
+        });
+      };
+      return saveFilesInAsync(notUploadedFiles, saveAction).onProgress((progress) => {
+        if (progress > 0) {
+          AppToaster.show(openProgressToast(progress * 100), toastKey.current);
+        }
+      });
+    }
+    return Promise.resolve([]);
+  }, [files, openProgressToast, saveCallback]);
+
+  const deleteMedia = useCallback(() => {
+    return deletedFiles.length > 0
+      ? deleteCallback(deletedFiles) : Promise.resolve();
+  }, [deletedFiles, deleteCallback]);
+
+  return { files, setFiles, saveMedia, deletedFiles, setDeletedFiles, deleteMedia };
+}
+
+export default useMedia;