feat: add Login and fix res error

src/pages/container/edit/List.tsx

@@ -1,4 +1,4 @@
-import { Button, Input, message, Modal, Table } from 'antd';
+import { Button, Input, message, Modal, Select, Table, Tooltip } from 'antd';
 import { Fragment, useEffect, useMemo, useState } from 'react';
 import { TextArea } from '../components/TextArea';
 import { useContainerStore } from '../store';
@@ -6,9 +6,10 @@ 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 } from '@ant-design/icons';
+import { EditOutlined, SettingOutlined, LinkOutlined, SaveOutlined, DeleteOutlined, LeftOutlined, MessageOutlined } from '@ant-design/icons';
 import clsx from 'clsx';
 import { isObjectNull } from '@/utils/is-null';
+import { CardBlank } from '@/components/card/CardBlank';
 const FormModal = () => {
   const [form] = Form.useForm();
   const containerStore = useContainerStore(
@@ -67,6 +68,9 @@ const FormModal = () => {
         <Form.Item name='description' label='description'>
           <Input.TextArea rows={4} />
         </Form.Item>
+        <Form.Item name='tags' label='tags'>
+          <Select mode='tags' />
+        </Form.Item>
         <Form.Item name='code' label='code'>
           <TextArea />
         </Form.Item>
@@ -128,13 +132,14 @@ export const ContainerList = () => {
                       }}>
                       <div className='px-4 cursor-pointer'>
                         <div
-                          className='font-bold'
+                          className='font-bold flex items-center'
                           onClick={(e) => {
                             copy(item.code);
                             e.stopPropagation();
                             message.success('copy code success');
                           }}>
                           {item.title || '-'}
+                          <div className='font-thin card-key ml-3 text-xs'>{item.tags ? item.tags.join(', ') : ''}</div>
                         </div>
                         <div className='font-light text-xs mt-2'>{item.description ? item.description : '-'}</div>
                       </div>
@@ -171,9 +176,7 @@ export const ContainerList = () => {
                   </Fragment>
                 );
               })}
-            {new Array(4).fill(0).map((_, index) => {
-              return <div key={index} className='w-[400px]'></div>;
-            })}
+            <CardBlank className='w-[400px]' />
             {containerStore.list.length == 0 && (
               <div className='text-center' key={'no-data'}>
                 No Data
@@ -184,18 +187,33 @@ export const ContainerList = () => {
         <div className={clsx('bg-gray-100 border-l border-bg-slate-300 w-[600px] flex-shrink-0', !codeEdit && 'hidden')}>
           <div className='bg-white  p-2'>
             <div className='mt-2 ml-2 flex gap-2'>
-              <Button
-                onClick={() => {
-                  setCodeEdit(false);
-                  containerStore.setFormData({});
-                }}
-                icon={<LeftOutlined />}></Button>
-              <Button
-                onClick={() => {
-                  console.log('save', containerStore.formData);
-                  containerStore.updateData({ ...containerStore.formData, code });
-                }}
-                icon={<SaveOutlined />}></Button>
+              <Tooltip title='返回'>
+                <Button
+                  onClick={() => {
+                    setCodeEdit(false);
+                    containerStore.setFormData({});
+                  }}
+                  icon={<LeftOutlined />}></Button>
+              </Tooltip>
+              <Tooltip title='保存'>
+                <Button
+                  onClick={() => {
+                    console.log('save', containerStore.formData);
+                    containerStore.updateData({ ...containerStore.formData, code });
+                  }}
+                  icon={<SaveOutlined />}></Button>
+              </Tooltip>
+              <Tooltip title='预览'>
+                <Button
+                  onClick={(e) => {
+                    // navicate('/container/preview/' + item.id);
+                    e.stopPropagation();
+                  }}
+                  icon={<LinkOutlined />}></Button>
+              </Tooltip>
+              <Tooltip title='ai编程'>
+                <Button onClick={(e) => {}} icon={<MessageOutlined />}></Button>
+              </Tooltip>
             </div>
           </div>
           <div className='h-[94%] p-2 rounded-2 shadow-sm'>