mirror of
https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git
synced 2025-06-29 19:05:09 +08:00
20376ca951
Support filter knowledge by metadata. Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: NFish <douxc512@gmail.com>
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React, { useRef } from 'react'
|
|
import { useHover } from 'ahooks'
|
|
import { RiResetLeftLine } from '@remixicon/react'
|
|
import Tooltip from '@/app/components/base/tooltip'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
type Props = {
|
|
onReset: () => void
|
|
}
|
|
|
|
const EditedBeacon: FC<Props> = ({
|
|
onReset,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
const ref = useRef(null)
|
|
const isHovering = useHover(ref)
|
|
|
|
return (
|
|
<div ref={ref} className='size-4 cursor-pointer'>
|
|
{isHovering ? (
|
|
<Tooltip popupContent={t('common.operation.reset')}>
|
|
<div className='flex justify-center items-center size-4 bg-text-accent-secondary rounded-full' onClick={onReset}>
|
|
<RiResetLeftLine className='size-[10px] text-text-primary-on-surface' />
|
|
</div>
|
|
</Tooltip>
|
|
) : (
|
|
<div className='flex items-center justify-center size-4'>
|
|
<div className='size-1 rounded-full bg-text-accent-secondary'></div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(EditedBeacon)
|