From 7f6efbe6dc789aff4259742c6618e96e515df167 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 9 Jun 2023 16:30:31 -0700
Subject: [PATCH] Hide search / clear actions on web

---
 .../features/lyrics/lyrics-actions.tsx        | 50 +++++++++++--------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/src/renderer/features/lyrics/lyrics-actions.tsx b/src/renderer/features/lyrics/lyrics-actions.tsx
index cc6cccfe..b914d3e7 100644
--- a/src/renderer/features/lyrics/lyrics-actions.tsx
+++ b/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
-        uppercase
-        disabled={isActionsDisabled}
-        variant="subtle"
-        onClick={() =>
-          openLyricSearchModal({
-            artist: currentSong?.artistName,
-            name: currentSong?.name,
-            onSearchOverride,
-          })
-        }
-      >
-        Search
-      </Button>
+      {isDesktop ? (
+        <Button
+          uppercase
+          disabled={isActionsDisabled}
+          variant="subtle"
+          onClick={() =>
+            openLyricSearchModal({
+              artist: currentSong?.artistName,
+              name: currentSong?.name,
+              onSearchOverride,
+            })
+          }
+        >
+          Search
+        </Button>
+      ) : null}
       <Button
         aria-label="Decrease lyric offset"
         variant="subtle"
@@ -67,14 +71,16 @@ export const LyricsActions = ({ onRemoveLyric, onSearchOverride }: LyricsActions
       >
         <RiAddFill />
       </Button>
-      <Button
-        uppercase
-        disabled={isActionsDisabled}
-        variant="subtle"
-        onClick={onRemoveLyric}
-      >
-        Clear
-      </Button>
+      {isDesktop ? (
+        <Button
+          uppercase
+          disabled={isActionsDisabled}
+          variant="subtle"
+          onClick={onRemoveLyric}
+        >
+          Clear
+        </Button>
+      ) : null}
     </>
   );
 };