AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-07-03 11:05:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix: reset button in embedded chatbot (#6611)

Browse Source
This commit is contained in:
KVOJJJin 2024-07-24 14:46:52 +08:00 committed by GitHub
parent 6fe9aa69cc
commit 3c78fdec1c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
View File

@ -111,7 +111,7 @@ const ChatWrapper = () => {
)
}
return <div className='mb-6' />
return null
}, [currentConversationId, inputsForms, isMobile])
return (

21
web/app/components/base/chat/embedded-chatbot/index.tsx
View File

@ -3,6 +3,8 @@ import {
useState,
} from 'react'
import { useAsyncEffect } from 'ahooks'
import { useTranslation } from 'react-i18next'
import { RiLoopLeftLine } from '@remixicon/react'
import {
EmbeddedChatbotContext,
useEmbeddedChatbotContext,
@ -19,8 +21,10 @@ import LogoHeader from '@/app/components/base/logo/logo-embeded-chat-header'
import Header from '@/app/components/base/chat/embedded-chatbot/header'
import ConfigPanel from '@/app/components/base/chat/embedded-chatbot/config-panel'
import ChatWrapper from '@/app/components/base/chat/embedded-chatbot/chat-wrapper'
import Tooltip from '@/app/components/base/tooltip'
const Chatbot = () => {
const { t } = useTranslation()
const {
isMobile,
appInfoError,
@ -80,7 +84,22 @@ const Chatbot = () => {
<Loading type='app' />
)}
{chatReady && !appChatListDataLoading && (
<ChatWrapper />
<div className='relative h-full pt-8 mx-auto w-full max-w-[720px]'>
{!isMobile && (
<div className='absolute top-2.5 right-3 z-20'>
<Tooltip
selector={'embed-scene-restart-button'}
htmlContent={t('share.chat.resetChat')}
position='top'
>
<div className='p-1.5 bg-white border-[0.5px] border-gray-100 rounded-lg shadow-md cursor-pointer' onClick={handleNewConversation}>
<RiLoopLeftLine className="h-4 w-4 text-gray-500"/>
</div>
</Tooltip>
</div>
)}
<ChatWrapper />
</div>
)}
</div>
</div>