mirror of
https://github.com/langgenius/dify.git
synced 2025-12-04 23:08:35 +00:00
85cda47c70
Signed-off-by: -LAN- <laipz8200@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com> Co-authored-by: jyong <718720800@qq.com> Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com> Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: quicksand <quicksandzn@gmail.com> Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: nite-knite <nkCoding@gmail.com> Co-authored-by: Hanqing Zhao <sherry9277@gmail.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Harry <xh001x@hotmail.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import React, { type FC } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { RiLineHeight } from '@remixicon/react'
|
|
import Tooltip from '@/app/components/base/tooltip'
|
|
import { Collapse } from '@/app/components/base/icons/src/vender/knowledge'
|
|
|
|
type DisplayToggleProps = {
|
|
isCollapsed: boolean
|
|
toggleCollapsed: () => void
|
|
}
|
|
|
|
const DisplayToggle: FC<DisplayToggleProps> = ({
|
|
isCollapsed,
|
|
toggleCollapsed,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<Tooltip
|
|
popupContent={isCollapsed ? t('datasetDocuments.segment.expandChunks') : t('datasetDocuments.segment.collapseChunks')}
|
|
popupClassName='text-text-secondary system-xs-medium border-[0.5px] border-components-panel-border'
|
|
>
|
|
<button
|
|
type='button'
|
|
className='flex items-center justify-center rounded-lg border-[0.5px] border-components-button-secondary-border
|
|
bg-components-button-secondary-bg p-2 shadow-xs shadow-shadow-shadow-3 backdrop-blur-[5px]'
|
|
onClick={toggleCollapsed}
|
|
>
|
|
{
|
|
isCollapsed
|
|
? <RiLineHeight className='h-4 w-4 text-components-button-secondary-text' />
|
|
: <Collapse className='h-4 w-4 text-components-button-secondary-text' />
|
|
}
|
|
</button>
|
|
|
|
</Tooltip>
|
|
)
|
|
}
|
|
|
|
export default React.memo(DisplayToggle)
|