mirror of
https://github.com/langgenius/dify.git
synced 2026-04-19 13:27:17 +08:00
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import { RiResetLeftLine } from '@remixicon/react'
|
|
import { useHover } from 'ahooks'
|
|
import * as React from 'react'
|
|
import { useRef } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import Tooltip from '@/app/components/base/tooltip'
|
|
|
|
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 size-4 items-center justify-center rounded-full bg-text-accent-secondary" onClick={onReset}>
|
|
<RiResetLeftLine className="size-[10px] text-text-primary-on-surface" />
|
|
</div>
|
|
</Tooltip>
|
|
)
|
|
: (
|
|
<div className="flex size-4 items-center justify-center">
|
|
<div className="size-1 rounded-full bg-text-accent-secondary"></div>
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|
|
export default React.memo(EditedBeacon)
|