feat(web): disabled upload button when fileList is empty (#589)

labring · Dec 28, 2022 · 5de333c · 5de333c
1 parent 7795fb1
commit 5de333c
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/web/src/pages/app/storages/mods/CreateFolderModal/index.tsx b/web/src/pages/app/storages/mods/CreateFolderModal/index.tsx
@@ -16,18 +16,19 @@ import {
 } from "@chakra-ui/react";
 import { t } from "i18next";
 
-import useStorageStore, { TFile } from "../../store";
+import useStorageStore from "../../store";
 
 function CreateModal() {
   const { isOpen, onOpen, onClose } = useDisclosure();
-  const { prefix, setPrefix } = useStorageStore();
+  const { prefix, setPrefix, currentStorage } = useStorageStore();
 
   const { register, setFocus, handleSubmit } = useForm<{ prefix: string }>();
 
   return (
     <>
       <Button
         size="xs"
+        disabled={currentStorage === undefined}
         onClick={() => {
           onOpen();
           setTimeout(() => {

diff --git a/web/src/pages/app/storages/mods/StorageListPanel/index.tsx b/web/src/pages/app/storages/mods/StorageListPanel/index.tsx
@@ -19,6 +19,8 @@ export default function StorageListPanel() {
     onSuccess(data) {
       if (data?.data?.items?.length) {
         if (!store.currentStorage) store.setCurrentStorage(data?.data?.items[0]);
+      } else {
+        store.setCurrentStorage(undefined);
       }
     },
   });

diff --git a/web/src/pages/app/storages/mods/UploadButton/index.tsx b/web/src/pages/app/storages/mods/UploadButton/index.tsx
@@ -31,7 +31,12 @@ function UploadButton({ onUploadSuccess }: { onUploadSuccess: () => void }) {
   return (
     <div>
       <Menu placement="bottom-start">
-        <MenuButton size="xs" as={Button} rightIcon={<ChevronDownIcon />}>
+        <MenuButton
+          size="xs"
+          as={Button}
+          rightIcon={<ChevronDownIcon />}
+          disabled={currentStorage === undefined}
+        >
           上传
         </MenuButton>
         <MenuList>

diff --git a/web/src/pages/app/storages/store.ts b/web/src/pages/app/storages/store.ts
@@ -19,8 +19,8 @@ export type TFile = {
 };
 
 type State = {
-  currentStorage?: TBucket;
-  setCurrentStorage: (currentStorage: TBucket) => void;
+  currentStorage?: TBucket | undefined;
+  setCurrentStorage: (currentStorage: TBucket | undefined) => void;
   prefix?: string;
   setPrefix: (prefix: string) => void;
 };