feat: about page add icons

src/renderer/src/i18n/index.ts

@@ -170,14 +170,14 @@ const resources = {
         'provider.edit.name': 'Provider Name',
         'provider.edit.name.placeholder': 'Example: OpenAI',
         'about.title': 'About',
-        'about.releases.title': '📔 Release Notes',
+        'about.releases.title': 'Release Notes',
         'about.releases.button': 'Releases',
-        'about.website.title': '🌐 Official Website',
+        'about.website.title': 'Official Website',
         'about.website.button': 'Website',
-        'about.feedback.title': '📝 Feedback',
+        'about.feedback.title': 'Feedback',
         'about.feedback.button': 'Feedback',
-        'about.contact.title': '📧 Contact',
+        'about.contact.title': 'Contact',
-        'about.license.title': '📄 License',
+        'about.license.title': 'License',
         'about.license.button': 'License',
         'about.contact.button': 'Email',
         'proxy.title': 'Proxy Address',
@@ -387,14 +387,14 @@ const resources = {
         'provider.edit.name': '模型提供商名称',
         'provider.edit.name.placeholder': '例如 OpenAI',
         'about.title': '关于我们',
-        'about.releases.title': '📔 更新日志',
+        'about.releases.title': '更新日志',
         'about.releases.button': '查看',
-        'about.website.title': '🌐 官方网站',
+        'about.website.title': '官方网站',
         'about.website.button': '查看',
-        'about.feedback.title': '📝 意见反馈',
+        'about.feedback.title': '意见反馈',
         'about.feedback.button': '反馈',
-        'about.contact.title': '📧 邮件联系',
+        'about.contact.title': '邮件联系',
-        'about.license.title': '📄 许可证',
+        'about.license.title': '许可证',
         'about.license.button': '查看',
         'about.contact.button': '邮件',
         'proxy.title': '代理地址',

src/renderer/src/pages/settings/AboutSettings.tsx

@@ -1,4 +1,5 @@
 import { GithubOutlined } from '@ant-design/icons'
+import { FileProtectOutlined, GlobalOutlined, MailOutlined, SoundOutlined } from '@ant-design/icons'
 import Logo from '@renderer/assets/images/logo.png'
 import { HStack } from '@renderer/components/Layout'
 import { runAsyncFunction } from '@renderer/utils'
@@ -10,7 +11,7 @@ import { useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
 import styled from 'styled-components'
 
-import { SettingContainer, SettingDivider, SettingRow, SettingRowTitle, SettingTitle } from '.'
+import { SettingContainer, SettingDivider, SettingRow, SettingTitle } from '.'
 
 const AboutSettings: FC = () => {
   const [version, setVersion] = useState('')
@@ -134,31 +135,45 @@ const AboutSettings: FC = () => {
       </AboutHeader>
       <SettingDivider />
       <SettingRow>
-        <SettingRowTitle>{t('settings.about.releases.title')}</SettingRowTitle>
+        <SettingRowTitle>
+          <SoundOutlined />
+          {t('settings.about.releases.title')}
+        </SettingRowTitle>
         <Button onClick={() => onOpenWebsite('https://github.com/kangfenmao/cherry-studio/releases')}>
           {t('settings.about.releases.button')}
         </Button>
       </SettingRow>
       <SettingDivider />
       <SettingRow>
-        <SettingRowTitle>{t('settings.about.website.title')}</SettingRowTitle>
+        <SettingRowTitle>
+          <GlobalOutlined />
+          {t('settings.about.website.title')}
+        </SettingRowTitle>
         <Button onClick={() => onOpenWebsite('https://cherry-ai.com')}>{t('settings.about.website.button')}</Button>
       </SettingRow>
       <SettingDivider />
       <SettingRow>
-        <SettingRowTitle>{t('settings.about.feedback.title')}</SettingRowTitle>
+        <SettingRowTitle>
-        <Button onClick={() => onOpenWebsite('https://github.com/kangfenmao/cherry-studio/issues')}>
+          <GithubOutlined />
+          {t('settings.about.feedback.title')}
+        </SettingRowTitle>
+        <Button onClick={() => onOpenWebsite('https://github.com/kangfenmao/cherry-studio/issues/new')}>
           {t('settings.about.feedback.button')}
         </Button>
       </SettingRow>
       <SettingDivider />
       <SettingRow>
-        <SettingRowTitle>{t('settings.about.license.title')}</SettingRowTitle>
+        <SettingRowTitle>
+          <FileProtectOutlined />
+          {t('settings.about.license.title')}
+        </SettingRowTitle>
         <Button onClick={showLicense}>{t('settings.about.license.button')}</Button>
       </SettingRow>
       <SettingDivider />
       <SettingRow>
-        <SettingRowTitle>{t('settings.about.contact.title')}</SettingRowTitle>
+        <SettingRowTitle>
+          <MailOutlined /> {t('settings.about.contact.title')}
+        </SettingRowTitle>
         <Button onClick={mailto}>{t('settings.about.contact.button')}</Button>
       </SettingRow>
       <SettingDivider />
@@ -210,4 +225,18 @@ const ProgressCircle = styled(Progress)`
   left: -2px;
 `
 
+export const SettingRowTitle = styled.div`
+  font-size: 14px;
+  line-height: 18px;
+  color: var(--color-text-1);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+  .anticon {
+    font-size: 16px;
+    color: var(--color-text-1);
+  }
+`
+
 export default AboutSettings