diff --git a/src/frontend/src/components/folderSidebarComponent/components/sideBarFolderButtons/index.tsx b/src/frontend/src/components/folderSidebarComponent/components/sideBarFolderButtons/index.tsx index 4c8ecf7eb..a019c8c82 100644 --- a/src/frontend/src/components/folderSidebarComponent/components/sideBarFolderButtons/index.tsx +++ b/src/frontend/src/components/folderSidebarComponent/components/sideBarFolderButtons/index.tsx @@ -1,3 +1,4 @@ +import ShadTooltip from "@/components/shadTooltipComponent"; import { usePatchFolders, usePostFolders, @@ -8,6 +9,7 @@ import { ENABLE_CUSTOM_PARAM } from "@/customization/feature-flags"; import { createFileUpload } from "@/helpers/create-file-upload"; import { getObjectsFromFilelist } from "@/helpers/get-objects-from-filelist"; import useUploadFlow from "@/hooks/flows/use-upload-flow"; +import { useIsFetching } from "@tanstack/react-query"; import { useEffect, useRef, useState } from "react"; import { useParams } from "react-router-dom"; import { FolderType } from "../../../../pages/MainPage/entities"; @@ -138,7 +140,7 @@ const SideBarFoldersButtonsComponent = ({ ); }; - const { mutate: mutateAddFolder } = usePostFolders(); + const { mutate: mutateAddFolder, isPending } = usePostFolders(); const { mutate: mutateUpdateFolder } = usePatchFolders(); function addNewFolder() { @@ -221,28 +223,41 @@ const SideBarFoldersButtonsComponent = ({ } }; + const isFetchingFolders = !!useIsFetching({ + queryKey: ["useGetFolders"], + exact: false, + }); + return ( <>
Folders
- - + + + + + + + +