side-bar

components/layout/side-bar.tsx

@@ -18,7 +18,8 @@ function SideBar() {
       isActive: pathname === '/',
       icon: <SearchOutlined />,
       path: '/',
-    }, {
+    },
+    {
       key: 'app',
       name: '应用程序',
       path: '/construct/app',
@@ -59,9 +60,9 @@ function SideBar() {
       icon: <MessageOutlined />,
       isActive: pathname === '/construct/prompt',
       path: '/construct/prompt',
-    }
-  ]
- 
+    },
+  ];
+
   return (
     <div
       className={`
@@ -71,37 +72,34 @@ function SideBar() {
         pt-4 bg-bar
         dark:bg-[#232734]
         animate-fade
-        animate-duration-300`
-      }
+        animate-duration-300`}
     >
       <div>
         <Link href='/' className='flex items-center justify-center p-2 pb-4'>
-          <Image src={'/LOGO_PVC.png'} alt='PVC-CHAT' width={40} height={40} />
-          PVC-CHAT
+          <Image src={'/LOGO_PVC-removebg-preview.png'} alt='PVC-CHAT' width={40} height={40} />
+          <span className={'ml-2 text-lg font-bold'}>PVC-GPT</span>
         </Link>
         <div className='gap-2 flex flex-col '>
-          {menus.map(item =>  (
-              <Link
+          {menus.map(item => (
+            <Link
               href={item.path}
               key={item.path}
               style={{
                 backgroundColor: item.isActive ? '#7288FA' : '',
-                color: item.isActive ? '#fff' : ''
+                color: item.isActive ? '#fff' : '',
               }}
               className={cls(
                 'flex items-center w-full h-12 px-4 cursor-pointer hover:bg-[#fff] dark:hover:bg-theme-dark hover:rounded-xl',
                 {
                   'rounded-xl': item.isActive,
-
                 },
-                'hover:text-[#3d8dfc]'
+                'hover:text-[#3d8dfc]',
               )}
-              >
-                <div className='mr-3'>{item.icon}</div>
-                <span className='text-sm'>{(item.name as any)}</span>
-              </Link>
-            )
-          )}
+            >
+              <div className='mr-3'>{item.icon}</div>
+              <span className='text-sm'>{item.name as any}</span>
+            </Link>
+          ))}
         </div>
       </div>
       <div className='mb-4'>

utils/constants.ts

@@ -172,3 +172,5 @@ export const dbMapper: Record<DBType, { label: string; icon: string; desc: strin
     desc: 'TuGraph is a high-performance graph database jointly developed by Ant Group and Tsinghua University.',
   },
 };
+
+export const STORAGE_USERINFO_KEY: string = '';