feat: change default avatar
This commit is contained in:
parent
9a41b697c6
commit
acd5d4b192
BIN
src/renderer/src/assets/images/avatar.png
Normal file
BIN
src/renderer/src/assets/images/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
src/renderer/src/assets/images/avatar.webp
Normal file
BIN
src/renderer/src/assets/images/avatar.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
@ -1,6 +1,6 @@
|
|||||||
import { TranslationOutlined } from '@ant-design/icons'
|
import { TranslationOutlined } from '@ant-design/icons'
|
||||||
import { isMac } from '@renderer/config/constant'
|
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 useAvatar from '@renderer/hooks/useAvatar'
|
||||||
import { useRuntime, useShowAssistants } from '@renderer/hooks/useStore'
|
import { useRuntime, useShowAssistants } from '@renderer/hooks/useStore'
|
||||||
import { Avatar } from 'antd'
|
import { Avatar } from 'antd'
|
||||||
@ -40,7 +40,7 @@ const Sidebar: FC = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Container style={{ backgroundColor: minappShow ? 'var(--navbar-background)' : sidebarBackgroundColor }}>
|
<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>
|
<MainMenus>
|
||||||
<Menus>
|
<Menus>
|
||||||
<StyledLink onClick={onToggleShowAssistants}>
|
<StyledLink onClick={onToggleShowAssistants}>
|
||||||
|
|||||||
@ -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 { default as AppLogo } from '@renderer/assets/images/logo.png'
|
||||||
|
|
||||||
export const APP_NAME = 'Cherry Studio'
|
export const APP_NAME = 'Cherry Studio'
|
||||||
|
|||||||
@ -253,7 +253,7 @@ const resources = {
|
|||||||
topics: '话题',
|
topics: '话题',
|
||||||
docs: '文档',
|
docs: '文档',
|
||||||
and: '和',
|
and: '和',
|
||||||
assistant: '智能体',
|
assistant: '助手',
|
||||||
name: '名称',
|
name: '名称',
|
||||||
description: '描述',
|
description: '描述',
|
||||||
prompt: '提示词',
|
prompt: '提示词',
|
||||||
|
|||||||
@ -66,7 +66,7 @@ const HomePage: FC = () => {
|
|||||||
style={{ justifyContent: 'space-between', alignItems: 'center', borderRight: 'none', padding: '0 8px' }}>
|
style={{ justifyContent: 'space-between', alignItems: 'center', borderRight: 'none', padding: '0 8px' }}>
|
||||||
<NavigtaionBack onClick={() => setShowTopics(false)} style={{ opacity: showTopics ? 1 : 0 }}>
|
<NavigtaionBack onClick={() => setShowTopics(false)} style={{ opacity: showTopics ? 1 : 0 }}>
|
||||||
<ArrowLeftOutlined />
|
<ArrowLeftOutlined />
|
||||||
{t('common.back')}
|
<NavigationBackTitle>{t('common.back')}</NavigationBackTitle>
|
||||||
</NavigtaionBack>
|
</NavigtaionBack>
|
||||||
<NewButton onClick={onCreate}>
|
<NewButton onClick={onCreate}>
|
||||||
<i className="iconfont icon-a-addchat"></i>
|
<i className="iconfont icon-a-addchat"></i>
|
||||||
@ -130,10 +130,15 @@ const NavigtaionBack = styled.div`
|
|||||||
color: var(--color-icon);
|
color: var(--color-icon);
|
||||||
transition: opacity 0.2s ease-in-out;
|
transition: opacity 0.2s ease-in-out;
|
||||||
&:hover {
|
&:hover {
|
||||||
color: var(--color-text);
|
color: var(--color-text-2);
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
|
|
||||||
|
const NavigationBackTitle = styled.div`
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
`
|
||||||
|
|
||||||
const AssistantName = styled.span`
|
const AssistantName = styled.span`
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|||||||
@ -7,6 +7,7 @@ import {
|
|||||||
SaveOutlined,
|
SaveOutlined,
|
||||||
SyncOutlined
|
SyncOutlined
|
||||||
} from '@ant-design/icons'
|
} from '@ant-design/icons'
|
||||||
|
import UserPopup from '@renderer/components/Popups/UserPopup'
|
||||||
import { FONT_FAMILY } from '@renderer/config/constant'
|
import { FONT_FAMILY } from '@renderer/config/constant'
|
||||||
import { getModelLogo } from '@renderer/config/provider'
|
import { getModelLogo } from '@renderer/config/provider'
|
||||||
import { useAssistant } from '@renderer/hooks/useAssistant'
|
import { useAssistant } from '@renderer/hooks/useAssistant'
|
||||||
@ -135,7 +136,12 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
|
|||||||
{avatarName}
|
{avatarName}
|
||||||
</Avatar>
|
</Avatar>
|
||||||
) : (
|
) : (
|
||||||
<Avatar src={avatar} size={35} style={{ borderRadius: '20%' }} />
|
<Avatar
|
||||||
|
src={avatar}
|
||||||
|
size={35}
|
||||||
|
style={{ borderRadius: '20%', cursor: 'pointer' }}
|
||||||
|
onClick={() => UserPopup.show()}
|
||||||
|
/>
|
||||||
)}
|
)}
|
||||||
<UserWrap>
|
<UserWrap>
|
||||||
<UserName>{username}</UserName>
|
<UserName>{username}</UserName>
|
||||||
|
|||||||
@ -153,6 +153,7 @@ const TopicListItem = styled.div`
|
|||||||
}
|
}
|
||||||
&.active {
|
&.active {
|
||||||
background-color: var(--color-background-mute);
|
background-color: var(--color-background-mute);
|
||||||
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
import { createSlice, PayloadAction } from '@reduxjs/toolkit'
|
import { createSlice, PayloadAction } from '@reduxjs/toolkit'
|
||||||
import { AppLogo } from '@renderer/config/env'
|
import { AppLogo, UserAvatar } from '@renderer/config/env'
|
||||||
|
|
||||||
export interface RuntimeState {
|
export interface RuntimeState {
|
||||||
avatar: string
|
avatar: string
|
||||||
@ -8,7 +8,7 @@ export interface RuntimeState {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const initialState: RuntimeState = {
|
const initialState: RuntimeState = {
|
||||||
avatar: AppLogo,
|
avatar: UserAvatar,
|
||||||
generating: false,
|
generating: false,
|
||||||
minappShow: false
|
minappShow: false
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user