feat: add preview and change edit and flow

src/pages/container/edit/List.tsx

@@ -4,7 +4,8 @@ import { TextArea } from '../components/TextArea';
 import { useContainerStore } from '../store';
 import { useShallow } from 'zustand/react/shallow';
 import { Form } from 'antd';
-
+import copy from 'copy-to-clipboard';
+import { useNavigate } from 'react-router';
 const FormModal = () => {
   const [form] = Form.useForm();
   const containerStore = useContainerStore(
@@ -73,6 +74,7 @@ const FormModal = () => {
   );
 };
 export const ContainerList = () => {
+  const navicate = useNavigate();
   const containerStore = useContainerStore(
     useShallow((state) => {
       return {
@@ -90,10 +92,23 @@ export const ContainerList = () => {
   }, []);
 
   const columns = [
-    // {
-    //   title: 'ID',
-    //   dataIndex: 'id',
-    // },
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      render: (text: string) => {
+        return (
+          <div
+            className='w-40 truncate cursor-pointer'
+            title={text}
+            onClick={() => {
+              copy(text);
+              message.success('copy success');
+            }}>
+            {text}
+          </div>
+        );
+      },
+    },
     {
       title: 'Title',
       dataIndex: 'title',
@@ -124,6 +139,12 @@ export const ContainerList = () => {
               }}>
               Edit
             </Button>
+            <Button
+              onClick={() => {
+                navicate('/container/preview/' + record.id);
+              }}>
+              Preview
+            </Button>
             <Button
               danger
               onClick={() => {