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 { 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}>

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 { default as AppLogo } from '@renderer/assets/images/logo.png'
export const APP_NAME = 'Cherry Studio' export const APP_NAME = 'Cherry Studio'

View File

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

View File

@ -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;

View File

@ -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>

View File

@ -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;
} }
` `

View File

@ -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
} }