whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: about page add icons

Browse Source
This commit is contained in:
kangfenmao 2024-08-12 22:03:16 +08:00
parent 145d7ee748
commit 0c0d1560db
2 changed files with 46 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/renderer/src/i18n/index.ts
View File

@ -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.license.title': '📄 License',
'about.contact.title': 'Contact',
'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.license.title': '📄 许可证',
'about.contact.title': '邮件联系',
'about.license.title': '许可证',
'about.license.button': '查看',
'about.contact.button': '邮件',
'proxy.title': '代理地址',

43
src/renderer/src/pages/settings/AboutSettings.tsx
View File

@ -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>
<Button onClick={() => onOpenWebsite('https://github.com/kangfenmao/cherry-studio/issues')}>
<SettingRowTitle>
<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