diff --git a/src/assets/spinner.svg b/src/assets/spinner.svg new file mode 100644 index 0000000..f5d043b --- /dev/null +++ b/src/assets/spinner.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/src/components/FileBrowser.tsx b/src/components/FileBrowser.tsx index 100087f..ec16c5b 100644 --- a/src/components/FileBrowser.tsx +++ b/src/components/FileBrowser.tsx @@ -14,6 +14,7 @@ import FileBrowserContextMenu, { Action, CONTEXT_MENU_DIR, CONTEXT_MENU_FILE } f import FileBrowserElement from "./FileBrowserElement" import FileOpen from "./FileOpen" import FileUploadButton from "./FileUploadButton" +import { ReactComponent as Spinner } from "./../assets/spinner.svg" function uriToPath(pathname:string) { // strip the "/f" from e.g. "/f/dir1/dir2" @@ -147,11 +148,7 @@ const FileBrowser: React.FC = (props) => { -
- {loading && -
Loading...
// TODO: center - } @@ -161,7 +158,6 @@ const FileBrowser: React.FC = (props) => { - { data?.directorys.map(v => ( = (props) => { />))}
+ {loading && +
+ +
+ }
{{ setShowFile(false)