mirror of
https://github.com/langgenius/dify.git
synced 2024-11-16 11:42:29 +08:00
fix: robot emoji (#217)
This commit is contained in:
parent
10848d74a0
commit
d43279a1cc
|
@ -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)
|
||||||
}}
|
}}
|
||||||
/>}
|
/>}
|
||||||
|
|
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 |
|
@ -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 && (
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user