@lobehub/chat 0.24.0 → 0.25.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 # Changelog
 
+# [0.25.0](https://github.com/lobehub/lobe-chat/compare/v0.24.0...v0.25.0) (2023-07-26)
+
+### ✨ Features
+
+- **sidebar**: Add import functionality and set labels and onClick functions ([03ea9bd](https://github.com/lobehub/lobe-chat/commit/03ea9bd))
+
 # [0.24.0](https://github.com/lobehub/lobe-chat/compare/v0.23.0...v0.24.0) (2023-07-26)
 
 ### ✨ Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "Lobe Chat is an open-source chatbot client using LangChain, Typescript and Next.js",
   "keywords": [
     "chatbot",

package/src/features/SideBar/index.tsx

@@ -17,7 +17,7 @@ import { memo, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { shallow } from 'zustand/shallow';
 
-import { bugs, homepage } from '@/../package.json';
+import pkg from '@/../package.json';
 import AvatarWithUpload from '@/features/AvatarWithUpload';
 import { useSettings } from '@/store/settings';
 
@@ -63,29 +63,20 @@ export default memo(() => {
       {
         icon: <Icon icon={Feather} />,
         key: 'feedback',
-        label: (
-          <a href={bugs.url} rel="noreferrer" target={'_blank'}>
-            {t('feedback')}
-          </a>
-        ),
+        label: t('feedback'),
+        onClick: () => window.open(pkg.bugs.url, '__blank'),
       },
       {
         icon: <Icon icon={FileClock} />,
         key: 'changelog',
-        label: (
-          <a href={`${homepage}/blob/master/CHANGELOG.md`} rel="noreferrer" target={'_blank'}>
-            {t('changelog')}
-          </a>
-        ),
+        label: t('changelog'),
+        onClick: () => window.open(`${pkg.homepage}/blob/master/CHANGELOG.md`, '__blank'),
       },
       {
         icon: <Icon icon={Heart} />,
         key: 'about',
-        label: (
-          <a href={homepage} rel="noreferrer" target={'_blank'}>
-            {t('about')}
-          </a>
-        ),
+        label: t('about'),
+        onClick: () => window.open(pkg.homepage, '__blank'),
       },
       {
         type: 'divider',
@@ -93,7 +84,8 @@ export default memo(() => {
       {
         icon: <Icon icon={Settings} />,
         key: 'setting',
-        label: <div onClick={() => Router.push('/setting')}>{t('setting')}</div>,
+        label: t('setting'),
+        onClick: () => Router.push('/setting'),
       },
     ],
     [],
@@ -104,9 +96,7 @@ export default memo(() => {
       avatar={<AvatarWithUpload />}
       bottomActions={
         <>
-          <a href={homepage} rel="noreferrer" target={'_blank'}>
-            <ActionIcon icon={Github} />
-          </a>
+          <ActionIcon icon={Github} onClick={() => window.open(pkg.homepage, '__blank')} />
           <Dropdown arrow={false} menu={{ items }} trigger={['click']}>
             <ActionIcon icon={Settings2} />
           </Dropdown>