Hide search / clear actions on web

src/renderer/features/lyrics/lyrics-actions.tsx

@@ -1,3 +1,4 @@
+import isElectron from 'is-electron';
 import { RiAddFill, RiSubtractFill } from 'react-icons/ri';
 import { LyricsOverride } from '/@/renderer/api/types';
 import { Button, NumberInput } from '/@/renderer/components';
@@ -29,23 +30,26 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
   };
 
   const isActionsDisabled = !currentSong;
+  const isDesktop = isElectron();
 
   return (
     <>
-      <Button
+      {isDesktop ? (
-        uppercase
+        <Button
-        disabled={isActionsDisabled}
+          uppercase
-        variant="subtle"
+          disabled={isActionsDisabled}
-        onClick={() =>
+          variant="subtle"
-          openLyricSearchModal({
+          onClick={() =>
-            artist: currentSong?.artistName,
+            openLyricSearchModal({
-            name: currentSong?.name,
+              artist: currentSong?.artistName,
-            onSearchOverride,
+              name: currentSong?.name,
-          })
+              onSearchOverride,
-        }
+            })
-      >
+          }
-        Search
+        >
-      </Button>
+          Search
+        </Button>
+      ) : null}
       <Button
         aria-label="Decrease lyric offset"
         variant="subtle"
@@ -67,14 +71,16 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
       >
         <RiAddFill />
       </Button>
-      <Button
+      {isDesktop ? (
-        uppercase
+        <Button
-        disabled={isActionsDisabled}
+          uppercase
-        variant="subtle"
+          disabled={isActionsDisabled}
-        onClick={onRemoveLyric}
+          variant="subtle"
-      >
+          onClick={onRemoveLyric}
-        Clear
+        >
-      </Button>
+          Clear
+        </Button>
+      ) : null}
     </>
   );
 };