fix: fix bugs

src/pages/app/edit/AppVersionList.tsx

@@ -2,7 +2,7 @@ import { useNavigation, useParams } from 'react-router';
 import { useAppVersionStore } from '../store';
 import { useShallow } from 'zustand/react/shallow';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { Button, Form, Input, message, Modal, Tooltip } from 'antd';
+import { Button, Form, Input, message, Modal, Space, Tooltip } from 'antd';
 import { CloudUploadOutlined, DeleteOutlined, EditOutlined, FileOutlined, LeftOutlined, LinkOutlined, PlusOutlined } from '@ant-design/icons';
 import { isObjectNull } from '@/utils/is-null';
 import { FileUpload } from '../modules/FileUpload';
@@ -99,6 +99,7 @@ export const AppVersionList = () => {
     }),
   );
   const navigate = useNewNavigate();
+  const [modal, contextHolder] = Modal.useModal();
   const [isUpload, setIsUpload] = useState(false);
   useEffect(() => {
     // fetch app version list
@@ -151,7 +152,7 @@ export const AppVersionList = () => {
                       </Tooltip>
                     </div>
                     <div className='mt-4'>
-                      <Button.Group>
+                      <Space.Compact>
                         {/* <Button
                           onClick={() => {
                             versionStore.setFormData(item);
@@ -162,7 +163,7 @@ export const AppVersionList = () => {
                         <Tooltip title='Delete'>
                           <Button
                             onClick={(e) => {
-                              Modal.confirm({
+                              modal.confirm({
                                 title: 'Delete',
                                 content: 'Are you sure delete this data?',
                                 onOk: () => {
@@ -207,7 +208,7 @@ export const AppVersionList = () => {
                             }}
                           />
                         </Tooltip>
-                      </Button.Group>
+                      </Space.Compact>
                     </div>
                   </div>
                 );
@@ -216,6 +217,7 @@ export const AppVersionList = () => {
           </div>
         </div>
       </div>
+      {contextHolder}
       <div className='shark h-full'>
         {isUpload && (
           <div className='bg-white p-2 w-[600px] h-full flex flex-col'>