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

fix: add collapse icon for fullscreen toggle in segment detail compon… (#14530)

Browse Source
This commit is contained in:
Wu Tianwei 2025-02-28 18:57:59 +08:00 committed by GitHub
parent c0358d8d0c
commit de824d3713
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/app/components/datasets/documents/detail/completed/child-segment-detail.tsx
View File

@ -2,6 +2,7 @@ import React, { type FC, useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { import {
RiCloseLine, RiCloseLine,
RiCollapseDiagonalLine,
RiExpandDiagonalLine, RiExpandDiagonalLine,
} from '@remixicon/react' } from '@remixicon/react'
import ActionButtons from './common/action-buttons' import ActionButtons from './common/action-buttons'
@ -99,7 +100,7 @@ const ChildSegmentDetail: FC<IChildSegmentDetailProps> = ({
</> </>
)} )}
<div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer mr-1' onClick={toggleFullScreen}> <div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer mr-1' onClick={toggleFullScreen}>
<RiExpandDiagonalLine className='w-4 h-4 text-text-tertiary' /> {fullScreen ? <RiCollapseDiagonalLine className='w-4 h-4 text-text-tertiary' /> : <RiExpandDiagonalLine className='w-4 h-4 text-text-tertiary' />}
</div> </div>
<div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer' onClick={onCancel}> <div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer' onClick={onCancel}>
<RiCloseLine className='w-4 h-4 text-text-tertiary' /> <RiCloseLine className='w-4 h-4 text-text-tertiary' />

5
web/app/components/datasets/documents/detail/completed/segment-detail.tsx
View File

@ -2,6 +2,7 @@ import React, { type FC, useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { import {
RiCloseLine, RiCloseLine,
RiCollapseDiagonalLine,
RiExpandDiagonalLine, RiExpandDiagonalLine,
} from '@remixicon/react' } from '@remixicon/react'
import { useDocumentContext } from '../index' import { useDocumentContext } from '../index'
@ -37,7 +38,7 @@ const SegmentDetail: FC<ISegmentDetailProps> = ({
docForm, docForm,
}) => { }) => {
const { t } = useTranslation() const { t } = useTranslation()
const [question, setQuestion] = useState(segInfo?.content || '') const [question, setQuestion] = useState(isEditMode ? segInfo?.content || '' : segInfo?.sign_content || '')
const [answer, setAnswer] = useState(segInfo?.answer || '') const [answer, setAnswer] = useState(segInfo?.answer || '')
const [keywords, setKeywords] = useState<string[]>(segInfo?.keywords || []) const [keywords, setKeywords] = useState<string[]>(segInfo?.keywords || [])
const { eventEmitter } = useEventEmitterContextContext() const { eventEmitter } = useEventEmitterContextContext()
@ -129,7 +130,7 @@ const SegmentDetail: FC<ISegmentDetailProps> = ({
</> </>
)} )}
<div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer mr-1' onClick={toggleFullScreen}> <div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer mr-1' onClick={toggleFullScreen}>
<RiExpandDiagonalLine className='w-4 h-4 text-text-tertiary' /> {fullScreen ? <RiCollapseDiagonalLine className='w-4 h-4 text-text-tertiary' /> : <RiExpandDiagonalLine className='w-4 h-4 text-text-tertiary' />}
</div> </div>
<div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer' onClick={onCancel}> <div className='w-8 h-8 flex justify-center items-center p-1.5 cursor-pointer' onClick={onCancel}>
<RiCloseLine className='w-4 h-4 text-text-tertiary' /> <RiCloseLine className='w-4 h-4 text-text-tertiary' />