diff --git a/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.js b/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.js index d4c344974fd..854673a3667 100644 --- a/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.js +++ b/studio/components/to-be-cleaned/Storage/StorageExplorer/FileExplorerHeader.js @@ -17,6 +17,7 @@ import { IconLoader, Typography, } from '@supabase/ui' +import { useStorageStore } from 'localStores/storageExplorer/StorageExplorerStore' import { STORAGE_VIEWS, STORAGE_SORT_BY } from '../Storage.constants.ts' const HeaderPathEdit = ({ loading, breadcrumbs, togglePathEdit }) => { @@ -125,12 +126,16 @@ const FileExplorerHeader = ({ }) => { const debounceDuration = 300 const [isEditingPath, setIsEditingPath] = useState(false) + const [isRefreshing, setIsRefreshing] = useState(false) const [pathString, setPathString] = useState('') const [searchString, setSearchString] = useState('') const uploadButtonRef = useRef(null) const previousBreadcrumbs = useRef(null) + const storageExplorerStore = useStorageStore() + const { refetchAllOpenedFolders } = storageExplorerStore + useEffect(() => { if (itemSearchString) setSearchString(itemSearchString) }, []) @@ -198,6 +203,12 @@ const FileExplorerHeader = ({ onSelectBreadcrumb(columnIndex) } + const refreshData = async () => { + setIsRefreshing(true) + await refetchAllOpenedFolders() + setIsRefreshing(false) + } + return (