feat: change default avatar

This commit is contained in:
kangfenmao 2024-09-03 20:39:27 +08:00
parent 9a41b697c6
commit acd5d4b192
9 changed files with 21 additions and 8 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

View File

@ -1,6 +1,6 @@
import { TranslationOutlined } from '@ant-design/icons'
import { isMac } from '@renderer/config/constant'
import { AppLogo, isLocalAi } from '@renderer/config/env'
import { isLocalAi, UserAvatar } from '@renderer/config/env'
import useAvatar from '@renderer/hooks/useAvatar'
import { useRuntime, useShowAssistants } from '@renderer/hooks/useStore'
import { Avatar } from 'antd'
@ -40,7 +40,7 @@ const Sidebar: FC = () => {
return (
<Container style={{ backgroundColor: minappShow ? 'var(--navbar-background)' : sidebarBackgroundColor }}>
<AvatarImg src={avatar || AppLogo} draggable={false} className="nodrag" onClick={onEditUser} />
<AvatarImg src={avatar || UserAvatar} draggable={false} className="nodrag" onClick={onEditUser} />
<MainMenus>
<Menus>
<StyledLink onClick={onToggleShowAssistants}>

View File

@ -1,3 +1,4 @@
export { default as UserAvatar } from '@renderer/assets/images/avatar.png'
export { default as AppLogo } from '@renderer/assets/images/logo.png'
export const APP_NAME = 'Cherry Studio'

View File

@ -253,7 +253,7 @@ const resources = {
topics: '话题',
docs: '文档',
and: '和',
assistant: '智能体',
assistant: '助手',
name: '名称',
description: '描述',
prompt: '提示词',

View File

@ -66,7 +66,7 @@ const HomePage: FC = () => {
style={{ justifyContent: 'space-between', alignItems: 'center', borderRight: 'none', padding: '0 8px' }}>
<NavigtaionBack onClick={() => setShowTopics(false)} style={{ opacity: showTopics ? 1 : 0 }}>
<ArrowLeftOutlined />
{t('common.back')}
<NavigationBackTitle>{t('common.back')}</NavigationBackTitle>
</NavigtaionBack>
<NewButton onClick={onCreate}>
<i className="iconfont icon-a-addchat"></i>
@ -130,10 +130,15 @@ const NavigtaionBack = styled.div`
color: var(--color-icon);
transition: opacity 0.2s ease-in-out;
&:hover {
color: var(--color-text);
color: var(--color-text-2);
}
`
const NavigationBackTitle = styled.div`
font-size: 13px;
font-weight: 500;
`
const AssistantName = styled.span`
margin-left: 5px;
margin-right: 10px;

View File

@ -7,6 +7,7 @@ import {
SaveOutlined,
SyncOutlined
} from '@ant-design/icons'
import UserPopup from '@renderer/components/Popups/UserPopup'
import { FONT_FAMILY } from '@renderer/config/constant'
import { getModelLogo } from '@renderer/config/provider'
import { useAssistant } from '@renderer/hooks/useAssistant'
@ -135,7 +136,12 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
{avatarName}
</Avatar>
) : (
<Avatar src={avatar} size={35} style={{ borderRadius: '20%' }} />
<Avatar
src={avatar}
size={35}
style={{ borderRadius: '20%', cursor: 'pointer' }}
onClick={() => UserPopup.show()}
/>
)}
<UserWrap>
<UserName>{username}</UserName>

View File

@ -153,6 +153,7 @@ const TopicListItem = styled.div`
}
&.active {
background-color: var(--color-background-mute);
font-weight: 500;
}
`

View File

@ -1,5 +1,5 @@
import { createSlice, PayloadAction } from '@reduxjs/toolkit'
import { AppLogo } from '@renderer/config/env'
import { AppLogo, UserAvatar } from '@renderer/config/env'
export interface RuntimeState {
avatar: string
@ -8,7 +8,7 @@ export interface RuntimeState {
}
const initialState: RuntimeState = {
avatar: AppLogo,
avatar: UserAvatar,
generating: false,
minappShow: false
}