fix: delete confirm add

src/pages/container/edit/List.tsx

@@ -6,7 +6,7 @@ import { useShallow } from 'zustand/react/shallow';
 import { Form } from 'antd';
 import copy from 'copy-to-clipboard';
 import { useNavigate } from 'react-router';
-import { EditOutlined, SettingOutlined, LinkOutlined, SaveOutlined, DeleteOutlined, LeftOutlined, MessageOutlined } from '@ant-design/icons';
+import { EditOutlined, SettingOutlined, LinkOutlined, SaveOutlined, DeleteOutlined, LeftOutlined, MessageOutlined, PlusOutlined } from '@ant-design/icons';
 import clsx from 'clsx';
 import { isObjectNull } from '@/utils/is-null';
 import { CardBlank } from '@/components/card/CardBlank';
@@ -124,7 +124,10 @@ export const ContainerList = () => {
     containerStore.setShowEdit(true);
   };
   return (
-    <div className='w-full h-full flex flex-col'>
+    <div className='w-full h-full flex '>
+      <div className='p-2'>
+        <Button onClick={onAdd} icon={<PlusOutlined />}></Button>
+      </div>
       <div className='flex flex-grow overflow-hidden h-full'>
         <div className='flex-grow overflow-auto scrollbar bg-gray-100'>
           <div className='flex  flex-wrap   gap-x-10 gap-y-4 rounded pt-10  justify-center'>
@@ -180,7 +183,14 @@ export const ContainerList = () => {
                             icon={<LinkOutlined />}></Button>
                           <Button
                             onClick={(e) => {
-                              containerStore.deleteData(item.id);
+                              e.stopPropagation();
+                              Modal.confirm({
+                                title: 'Delete',
+                                content: 'Are you sure delete this data?',
+                                onOk: () => {
+                                  containerStore.deleteData(item.id);
+                                },
+                              });
                               e.stopPropagation();
                             }}
                             icon={<DeleteOutlined />}></Button>

src/pages/container/layouts/index.tsx

@@ -1,38 +1,5 @@
-import { PlusOutlined } from '@ant-design/icons';
-import { Button } from 'antd';
-import { Outlet, useLocation } from 'react-router';
-import { useContainerStore } from '../store';
-import { useEffect } from 'react';
-import { useShallow } from 'zustand/react/shallow';
-import { AiMoudle } from '@/pages/ai-chat';
 import { LayoutMain } from '@/modules/layout';
 
 export const Main = () => {
-  const containerStore = useContainerStore(
-    useShallow((state) => {
-      return {
-        setFormData: state.setFormData,
-        setShowEdit: state.setShowEdit,
-      };
-    }),
-  );
-  const location = useLocation();
-  const isEdit = location.pathname.includes('edit/list');
-  return (
-    <LayoutMain
-      title={
-        <>
-          Container
-          <Button
-            className={!isEdit ? 'hidden' : ''}
-            icon={<PlusOutlined />}
-            onClick={() => {
-              console.log('add');
-              containerStore.setFormData({});
-              containerStore.setShowEdit(true);
-            }}
-          />
-        </>
-      }></LayoutMain>
-  );
+  return <LayoutMain title={<>Container</>}></LayoutMain>;
 };