perf: attribute

client/src/pages/app/list/component/CreateModal.tsx

@@ -21,47 +21,16 @@ import { getErrText } from '@/utils/tools';
 import { useToast } from '@/hooks/useToast';
 import { postCreateApp } from '@/api/app';
 import { useRouter } from 'next/router';
-import { chatAppDemo } from '@/constants/app';
+import { appTemplates } from '@/constants/app';
 import Avatar from '@/components/Avatar';
 import MyIcon from '@/components/Icon';
 
 type FormType = {
   avatar: string;
   name: string;
-  templateId: number;
+  templateId: string;
 };
 
-const templates = [
-  {
-    id: 0,
-    icon: 'settings',
-    name: '简单的对话',
-    intro: '一个极其简单的 AI 对话应用',
-    modules: chatAppDemo.modules
-  },
-  {
-    id: 1,
-    icon: 'settings',
-    name: '基础知识库',
-    intro: '每次提问时进行一次知识库搜索，将搜索结果注入 LLM 模型进行参考回答',
-    modules: chatAppDemo.modules
-  },
-  {
-    id: 2,
-    icon: 'settings',
-    name: '问答前引导',
-    intro: '可以在每次对话开始前提示用户填写一些内容，作为本次对话的永久内容',
-    modules: chatAppDemo.modules
-  },
-  {
-    id: 3,
-    icon: 'settings',
-    name: '意图识别 + 知识库',
-    intro: '先对用户的问题进行分类，再根据不同类型问题，执行不同的操作',
-    modules: chatAppDemo.modules
-  }
-];
-
 const CreateModal = ({ onClose, onSuccess }: { onClose: () => void; onSuccess: () => void }) => {
   const [refresh, setRefresh] = useState(false);
   const [creating, setCreating] = useState(false);
@@ -72,7 +41,7 @@ const CreateModal = ({ onClose, onSuccess }: { onClose: () => void; onSuccess: (
     defaultValues: {
       avatar: '/icon/logo.png',
       name: '',
-      templateId: 0
+      templateId: appTemplates[0].id
     }
   });
 
@@ -110,7 +79,7 @@ const CreateModal = ({ onClose, onSuccess }: { onClose: () => void; onSuccess: (
         const id = await postCreateApp({
           avatar: data.avatar,
           name: data.name,
-          modules: templates.find((item) => item.id === data.templateId)?.modules || []
+          modules: appTemplates.find((item) => item.id === data.templateId)?.modules || []
         });
         toast({
           title: '创建成功',
@@ -163,7 +132,7 @@ const CreateModal = ({ onClose, onSuccess }: { onClose: () => void; onSuccess: (
             gridTemplateColumns={['repeat(1,1fr)', 'repeat(2,1fr)']}
             gridGap={4}
           >
-            {templates.map((item) => (
+            {appTemplates.map((item) => (
               <Card
                 key={item.id}
                 border={theme.borders.base}
@@ -186,7 +155,7 @@ const CreateModal = ({ onClose, onSuccess }: { onClose: () => void; onSuccess: (
                 }}
               >
                 <Flex alignItems={'center'}>
-                  <MyIcon name={'apikey'} w={'16px'} />
+                  <Avatar src={item.avatar} borderRadius={'md'} w={'20px'} />
                   <Box ml={3} fontWeight={'bold'}>
                     {item.name}
                   </Box>

client/src/pages/app/list/index.tsx

@@ -89,22 +89,27 @@ const MyApps = () => {
             border={theme.borders.md}
             boxShadow={'none'}
             userSelect={'none'}
+            position={'relative'}
             _hover={{
               boxShadow: '1px 1px 10px rgba(0,0,0,0.2)',
               borderColor: 'transparent',
               '& .delete': {
                 display: 'block'
+              },
+              '& .chat': {
+                display: 'block'
               }
             }}
             onClick={() => router.push(`/app/detail?appId=${app._id}`)}
           >
-            <Flex alignItems={'center'} h={'38px'} position={'relative'}>
+            <Flex alignItems={'center'} h={'38px'}>
               <Avatar src={app.avatar} borderRadius={'md'} w={'28px'} />
               <Box ml={3}>{app.name}</Box>
               <IconButton
                 className="delete"
                 position={'absolute'}
-                right={0}
+                top={4}
+                right={4}
                 size={'sm'}
                 icon={<MyIcon name={'delete'} w={'14px'} />}
                 variant={'base'}
@@ -129,6 +134,25 @@ const MyApps = () => {
             >
               {app.intro || '这个应用还没写介绍~'}
             </Box>
+            <IconButton
+              className="chat"
+              position={'absolute'}
+              right={4}
+              bottom={4}
+              size={'sm'}
+              icon={<MyIcon name={'chatLight'} w={'14px'} />}
+              variant={'base'}
+              borderRadius={'md'}
+              aria-label={'delete'}
+              display={['', 'none']}
+              _hover={{
+                bg: 'myGray.100'
+              }}
+              onClick={(e) => {
+                e.stopPropagation();
+                router.push(`/chat?appId=${app._id}`);
+              }}
+            />
           </Card>
         ))}
       </Grid>