AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-14 02:55:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: window size changed causes result regeneration (#1908)

Browse Source
This commit is contained in:
Joel 2024-01-04 14:07:38 +08:00 committed by GitHub
parent a938e1f184
commit 891218615e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
web/app/components/share/text-generation/index.tsx
View File

@ -374,7 +374,13 @@ const TextGeneration: FC<IMainProps> = ({
}
}, [siteInfo?.title, canReplaceLogo])
const [isShowResSidebar, { setTrue: showResSidebar, setFalse: hideResSidebar }] = useBoolean(false)
const [isShowResSidebar, { setTrue: doShowResSidebar, setFalse: hideResSidebar }] = useBoolean(false)
const showResSidebar = () => {
// fix: useClickAway hideResSidebar will close sidebar
setTimeout(() => {
doShowResSidebar()
}, 0)
}
const resRef = useRef<HTMLDivElement>(null)
useClickAway(() => {
hideResSidebar()
@ -406,6 +412,16 @@ const TextGeneration: FC<IMainProps> = ({
return (showTaskList.map(task => renderRes(task)))
}
const resWrapClassNames = (() => {
if (isPC)
return 'grow h-full'
if (!isShowResSidebar)
return 'none'
return cn('fixed z-50 inset-0', isTablet ? 'pl-[128px]' : 'pl-6')
})()
const renderResWrap = (
<div
ref={resRef}
@ -578,22 +594,14 @@ const TextGeneration: FC<IMainProps> = ({
</div>
{/* Result */}
{isPC && (
<div className='grow h-full'>
{renderResWrap}
</div>
)}
{(!isPC && isShowResSidebar) && (
<div
className={cn('fixed z-50 inset-0', isTablet ? 'pl-[128px]' : 'pl-6')}
className={resWrapClassNames}
style={{
background: 'rgba(35, 56, 118, 0.2)',
background: (!isPC && isShowResSidebar) ? 'rgba(35, 56, 118, 0.2)' : 'none',
}}
>
{renderResWrap}
</div>
)}
</div>
</>
)