fix: robot emoji (#217)

This commit is contained in:
Yuhao 2023-05-26 15:26:56 +08:00 committed by GitHub
parent 10848d74a0
commit d43279a1cc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 8 additions and 36 deletions

View File

@ -37,7 +37,7 @@ const NewAppDialog = ({ show, onSuccess, onClose }: NewAppDialogProps) => {
// Emoji Picker // Emoji Picker
const [showEmojiPicker, setShowEmojiPicker] = useState(false) const [showEmojiPicker, setShowEmojiPicker] = useState(false)
const [emoji, setEmoji] = useState({ icon: '🤖', icon_background: '#FFEAD5' }) const [emoji, setEmoji] = useState({ icon: '🤖', icon_background: '#FFEAD5' })
const mutateApps = useContextSelector(AppsContext, state => state.mutateApps) const mutateApps = useContextSelector(AppsContext, state => state.mutateApps)
@ -102,7 +102,7 @@ const NewAppDialog = ({ show, onSuccess, onClose }: NewAppDialogProps) => {
setShowEmojiPicker(false) setShowEmojiPicker(false)
}} }}
onClose={() => { onClose={() => {
setEmoji({ icon: '🤖', icon_background: '#FFEAD5' }) setEmoji({ icon: '🤖', icon_background: '#FFEAD5' })
setShowEmojiPicker(false) setShowEmojiPicker(false)
}} }}
/>} />}

View File

@ -39,7 +39,7 @@ const AppIcon: FC<AppIconProps> = ({
}} }}
onClick={onClick} onClick={onClick}
> >
{innerIcon ? innerIcon : icon && icon !== '' ? <em-emoji id={icon} /> : <em-emoji id={'robot'} />} {innerIcon ? innerIcon : icon && icon !== '' ? <em-emoji id={icon} /> : <em-emoji id='🤖' />}
</span> </span>
) )
} }

View File

@ -28,7 +28,7 @@ const CreateAppModal = ({
const [name, setName] = React.useState('') const [name, setName] = React.useState('')
const [showEmojiPicker, setShowEmojiPicker] = useState(false) const [showEmojiPicker, setShowEmojiPicker] = useState(false)
const [emoji, setEmoji] = useState({ icon: '🤖', icon_background: '#FFEAD5' }) const [emoji, setEmoji] = useState({ icon: '🤖', icon_background: '#FFEAD5' })
const submit = () => { const submit = () => {
if(!name.trim()) { if(!name.trim()) {
@ -74,7 +74,7 @@ const CreateAppModal = ({
setShowEmojiPicker(false) setShowEmojiPicker(false)
}} }}
onClose={() => { onClose={() => {
setEmoji({ icon: '🤖', icon_background: '#FFEAD5' }) setEmoji({ icon: '🤖', icon_background: '#FFEAD5' })
setShowEmojiPicker(false) setShowEmojiPicker(false)
}} }}
/>} />}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 26 KiB

View File

@ -4,7 +4,6 @@ import { useTranslation } from 'react-i18next'
import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints' import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
import cn from 'classnames' import cn from 'classnames'
import { useBoolean, useClickAway } from 'ahooks' import { useBoolean, useClickAway } from 'ahooks'
import { useContext } from 'use-context-selector'
import ConfigScence from '@/app/components/share/text-generation/config-scence' import ConfigScence from '@/app/components/share/text-generation/config-scence'
import NoData from '@/app/components/share/text-generation/no-data' import NoData from '@/app/components/share/text-generation/no-data'
// import History from '@/app/components/share/text-generation/history' // import History from '@/app/components/share/text-generation/history'
@ -12,6 +11,7 @@ import { fetchAppInfo, fetchAppParams, sendCompletionMessage, updateFeedback, sa
import type { SiteInfo } from '@/models/share' import type { SiteInfo } from '@/models/share'
import type { PromptConfig, MoreLikeThisConfig, SavedMessage } from '@/models/debug' import type { PromptConfig, MoreLikeThisConfig, SavedMessage } from '@/models/debug'
import Toast from '@/app/components/base/toast' import Toast from '@/app/components/base/toast'
import AppIcon from '@/app/components/base/app-icon'
import { Feedbacktype } from '@/app/components/app/chat' import { Feedbacktype } from '@/app/components/app/chat'
import { changeLanguage } from '@/i18n/i18next-config' import { changeLanguage } from '@/i18n/i18next-config'
import Loading from '@/app/components/base/loading' import Loading from '@/app/components/base/loading'
@ -24,6 +24,7 @@ import s from './style.module.css'
import Button from '../../base/button' import Button from '../../base/button'
import { App } from '@/types/app' import { App } from '@/types/app'
import { InstalledApp } from '@/models/explore' import { InstalledApp } from '@/models/explore'
import { appDefaultIconBackground } from '@/config'
export type IMainProps = { export type IMainProps = {
isInstalledApp?: boolean, isInstalledApp?: boolean,
@ -283,7 +284,7 @@ const TextGeneration: FC<IMainProps> = ({
<div className='mb-6'> <div className='mb-6'>
<div className='flex justify-between items-center'> <div className='flex justify-between items-center'>
<div className='flex items-center space-x-3'> <div className='flex items-center space-x-3'>
<div className={cn(s.appIcon, 'shrink-0')}></div> <AppIcon size="small" icon={siteInfo.icon} background={siteInfo.icon_background || appDefaultIconBackground} />
<div className='text-lg text-gray-800 font-semibold'>{siteInfo.title}</div> <div className='text-lg text-gray-800 font-semibold'>{siteInfo.title}</div>
</div> </div>
{!isPC && ( {!isPC && (

View File

@ -4,13 +4,6 @@
box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
} }
.appIcon {
width: 32px;
height: 32px;
background: url(./icons/app-icon.svg) center center no-repeat;
background-size: contain;
}
.starIcon { .starIcon {
width: 16px; width: 16px;
height: 16px; height: 16px;