feat(dcellar-web-ui): enlargement upload limit to 100 (#286)

* feat(dcellar-web-ui): enlargement upload limit to 100 * fix(dcellar-web-ui): upload tab z-index * feat(dcellar-web-ui): only one task can be signed before the upload task
node-real · Nov 30, 2023 · e93f30f · e93f30f
1 parent 7a9ce95
commit e93f30f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 deletions.
diff --git a/apps/dcellar-web-ui/src/components/layout/Header/GlobalTasks.tsx b/apps/dcellar-web-ui/src/components/layout/Header/GlobalTasks.tsx
@@ -185,6 +185,7 @@ export const GlobalTasks = memo<GlobalTasksProps>(function GlobalTasks() {
         });
     }
   };
+
   // 2. sign
   useAsyncEffect(async () => {
     const task = signTask;

diff --git a/apps/dcellar-web-ui/src/modules/upload/UploadingObjects.tsx b/apps/dcellar-web-ui/src/modules/upload/UploadingObjects.tsx
@@ -166,5 +166,6 @@ const StyledTabList = styled(TabList)`
 
   position: sticky;
   top: 0;
+  z-index: 1;
   background: var(--ui-colors-bg-middle);
 `;
diff --git a/apps/dcellar-web-ui/src/store/slices/global.ts b/apps/dcellar-web-ui/src/store/slices/global.ts
@@ -451,8 +451,13 @@ export const selectSignTask = (address: string) => (root: AppState) => {
 
   const signQueue = uploadQueue.filter((task) => task.status === 'SIGN');
   const hashedQueue = uploadQueue.filter((task) => task.status === 'HASHED');
+  const uploadingQueue = uploadQueue.filter((task) => task.status === 'UPLOAD');
 
-  return !!signQueue.length ? null : hashedQueue[0] ? hashedQueue[0] : null;
+  if (uploadingQueue.length || !!signQueue.length) {
+    return null;
+  }
+
+  return hashedQueue[0] ? hashedQueue[0] : null;
   // const folderInfos = keyBy(
   //   uploadQueue.filter((q) => q.waitFile.name.endsWith('/')),
   //   'name',

diff --git a/apps/dcellar-web-ui/src/store/slices/object.ts b/apps/dcellar-web-ui/src/store/slices/object.ts
@@ -15,7 +15,7 @@ import { ObjectMeta, PolicyMeta } from '@bnb-chain/greenfield-js-sdk/dist/esm/ty
 import { getObjectPolicies } from '@/facade/bucket';
 
 export const SINGLE_OBJECT_MAX_SIZE = 256 * 1024 * 1024;
-export const SELECT_OBJECT_NUM_LIMIT = 20;
+export const SELECT_OBJECT_NUM_LIMIT = 100;
 
 export type ObjectItem = {
   bucketName: string;
-Original file line number
+Diff line change
@@ Expand Up @@
             });
         }
       };
       // 2. sign
       useAsyncEffect(async () => {
         const task = signTask;
@@ Expand Down @@