Added error catching on folder upload

src/frontend/src/components/sidebarComponent/components/sideBarFolderButtons/index.tsx

@@ -13,6 +13,7 @@ import IconComponent, {
 import { Button, buttonVariants } from "../../../ui/button";
 import { Input } from "../../../ui/input";
 import useFileDrop from "../../hooks/use-on-file-drop";
+import useAlertStore from "../../../../stores/alertStore";
 
 type SideBarFoldersButtonsComponentProps = {
   folders: FolderType[];
@@ -51,6 +52,7 @@ const SideBarFoldersButtonsComponent = ({
   const location = useLocation();
   const folderId = location?.state?.folderId ?? myCollectionId;
   const getFolderById = useFolderStore((state) => state.getFolderById);
+  const setErrorData = useAlertStore((state) => state.setErrorData);
 
   const handleFolderChange = (folderId: string) => {
     getFolderById(folderId);
@@ -62,9 +64,17 @@ const SideBarFoldersButtonsComponent = ({
   );
 
   const handleUploadFlowsToFolder = () => {
-    uploadFolder(folderId).then(() => {
+    uploadFolder(folderId)
-      getFolderById(folderId);
+      .then(() => {
-    });
+        getFolderById(folderId);
+      })
+      .catch((err) => {
+        console.log(err);
+        setErrorData({
+          title: `Error on upload`,
+          list: [err["response"]["data"]],
+        });
+      });
   };
 
   const handleDownloadFolder = (id: string) => {

src/frontend/src/stores/foldersStore.tsx

@@ -101,7 +101,7 @@ export const useFolderStore = create<FoldersStoreType>((set, get) => ({
   folderIdDragging: "",
   setFolderIdDragging: (id) => set(() => ({ folderIdDragging: id })),
   uploadFolder: () => {
-    return new Promise<void>((resolve) => {
+    return new Promise<void>((resolve, reject) => {
       const input = document.createElement("input");
       input.type = "file";
       input.onchange = (event: Event) => {
@@ -120,15 +120,22 @@ export const useFolderStore = create<FoldersStoreType>((set, get) => ({
                 .addFlow(true, data)
                 .then(() => {
                   resolve();
+                })
+                .catch((error) => {
+                  reject(error);
                 });
             } else {
-              uploadFlowsFromFolders(formData).then(() => {
+              uploadFlowsFromFolders(formData)
-                get()
+                .then(() => {
-                  .getFoldersApi(true)
+                  get()
-                  .then(() => {
+                    .getFoldersApi(true)
-                    resolve();
+                    .then(() => {
-                  });
+                      resolve();
-              });
+                    });
+                })
+                .catch((error) => {
+                  reject(error);
+                });
             }
           });
         }