From 86c3e54119272f5a55b15eada1767303b75ff9e1 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 9 Jun 2023 16:39:13 -0700
Subject: [PATCH] Add tooltip to offset input

---
 .../features/lyrics/lyrics-actions.tsx        | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/renderer/features/lyrics/lyrics-actions.tsx b/src/renderer/features/lyrics/lyrics-actions.tsx
index b914d3e7..beebadf7 100644
--- a/src/renderer/features/lyrics/lyrics-actions.tsx
+++ b/src/renderer/features/lyrics/lyrics-actions.tsx
@@ -1,7 +1,7 @@
 import isElectron from 'is-electron';
 import { RiAddFill, RiSubtractFill } from 'react-icons/ri';
 import { LyricsOverride } from '/@/renderer/api/types';
-import { Button, NumberInput } from '/@/renderer/components';
+import { Button, NumberInput, Tooltip } from '/@/renderer/components';
 import { openLyricSearchModal } from '/@/renderer/features/lyrics/components/lyrics-search-form';
 import {
   useCurrentSong,
@@ -57,13 +57,18 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
       >
         <RiSubtractFill />
       </Button>
-      <NumberInput
-        aria-label="Lyric offset"
-        styles={{ input: { textAlign: 'center' } }}
-        value={delayMs || 0}
-        width={55}
-        onChange={handleLyricOffset}
-      />
+      <Tooltip
+        label="Offset (ms)"
+        openDelay={500}
+      >
+        <NumberInput
+          aria-label="Lyric offset"
+          styles={{ input: { textAlign: 'center' } }}
+          value={delayMs || 0}
+          width={55}
+          onChange={handleLyricOffset}
+        />
+      </Tooltip>
       <Button
         aria-label="Increase lyric offset"
         variant="subtle"