From 3a72b76c32fecab9413ae358b02dfd64d2a4b0bf Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Mon, 17 Feb 2025 14:30:36 +0800
Subject: [PATCH] file

---
 .../edit-metadat-batch/edited-beacon.tsx      | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 web/app/components/datasets/metadata/edit-metadat-batch/edited-beacon.tsx

diff --git a/web/app/components/datasets/metadata/edit-metadat-batch/edited-beacon.tsx b/web/app/components/datasets/metadata/edit-metadat-batch/edited-beacon.tsx
new file mode 100644
index 0000000000..f8cbcfd2dd
--- /dev/null
+++ b/web/app/components/datasets/metadata/edit-metadat-batch/edited-beacon.tsx
@@ -0,0 +1,36 @@
+'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)