feat: list and delist

src/components/modal/DelistModal.tsx

@@ -28,7 +28,7 @@ export const DelistModal = (props: any) => {
 
   const { object_name, create_at, bucket_name, groupId } = delistData;
 
-  const name = object_name || bucket_name;
+  const name = bucket_name;
   const type = object_name ? 'Data' : 'Collection';
 
   const { num } = useCollectionItems(name, false);
@@ -137,6 +137,8 @@ export const DelistModal = (props: any) => {
                 result: tmp,
               });
               setLoading(false);
+
+              modalData.modalState?.callBack();
             }}
             disabled={!BSC_FEE_SUFF || loading}
             isLoading={loading}

src/components/modal/ListModal.tsx

@@ -344,6 +344,7 @@ export const ListModal = (props: ListModalProps) => {
                 modalData.modalDispatch({
                   type: 'OPEN_LIST_PROCESS',
                   listData,
+                  callBack: modalData.modalState.callBack,
                 });
               }}
               disabled={!available}

src/components/modal/ListProcess.tsx

@@ -66,7 +66,7 @@ export const ListProcess = (props: ListProcessProps) => {
       setTitle(hasRole ? 'Finalize on BSC' : 'Approve on BSC');
       setStatus(1);
     }
-  }, [stateModal.modalState.initListStatus]);
+  }, [hasRole, stateModal.modalState.initListStatus]);
 
   const reset = useCallback(() => {
     setStep(0);
@@ -241,7 +241,11 @@ export const ListProcess = (props: ListProcessProps) => {
         {status == 2 && (
           <Button
             onClick={() => {
+              console.log(stateModal.modalState.callBack);
+              stateModal.modalState?.callBack();
+
               reset();
+
               stateModal.modalDispatch({ type: 'RESET' });
               handleOpen(false);
             }}

src/components/resource/collection/ActionButtonGroup.tsx

@@ -0,0 +1,97 @@
+import { Box } from '@totejs/uikit';
+import { FILE_ITEM } from '../../../hooks/useGetObjectList';
+import { useAccount } from 'wagmi';
+import { useMemo } from 'react';
+import { useModal } from '../../../hooks/useModal';
+import {
+  useGetBucketByName,
+  useGetGroupByName,
+  useGetObject,
+} from '../../../hooks/useGetBucketOrObj';
+import { generateGroupName } from '../../../utils';
+
+interface Props {
+  fileInfo: FILE_ITEM;
+  uploadFn: () => void;
+}
+
+export const ActionButtonGroup = (props: Props) => {
+  const { fileInfo, uploadFn } = props;
+  const { name, type, data, isListed, isPurchasedByMe } = fileInfo;
+  const { BucketName, ObjectName } = data;
+  const { address } = useAccount();
+  const modalData = useModal();
+
+  const { data: bucketData } = useGetBucketByName(BucketName);
+  const { data: objectData } = useGetObject(BucketName, ObjectName);
+
+  const { data: groupData } = useGetGroupByName(
+    generateGroupName(BucketName, ObjectName),
+    data.Owner,
+  );
+
+  return (
+    <Box>
+      {/* only owner can delist */}
+      {isListed && data.Owner === address && (
+        <Box
+          onClick={() => {
+            if (!objectData || !groupData) return;
+
+            console.log(
+              'generateGroupName(BucketName, ObjectName)',
+              generateGroupName(BucketName, ObjectName),
+            );
+
+            modalData.modalDispatch({
+              type: 'OPEN_DELIST',
+              delistData: {
+                groupId: groupData.groupInfo.id,
+                bucket_name: BucketName,
+                object_name: ObjectName,
+                create_at: objectData.objectInfo.createAt.low,
+                owner: objectData.objectInfo.owner,
+              },
+              callBack: () => {
+                uploadFn();
+              },
+            });
+          }}
+        >
+          delist
+        </Box>
+      )}
+
+      {/* only owner can list */}
+      {!isListed && data.Owner === address && (
+        <Box
+          onClick={() => {
+            if (!bucketData || !objectData) return;
+
+            const initInfo = {
+              bucket_name: BucketName,
+              object_name: objectData.objectInfo.objectName,
+              create_at: objectData.objectInfo.createAt.low,
+              payload_size: objectData.objectInfo.payloadSize,
+            };
+            modalData.modalDispatch({
+              type: 'OPEN_LIST',
+              initInfo,
+              callBack: () => {
+                uploadFn();
+              },
+            });
+          }}
+        >
+          list
+        </Box>
+      )}
+
+      {/* only buyer can download */}
+      {isPurchasedByMe && <Box>download</Box>}
+
+      {/* haven't bought can buy excepy owner */}
+      {!isPurchasedByMe && data.Owner !== address && <Box>Buy</Box>}
+    </Box>
+  );
+};