From e9c043ce9565eb93b81667a700528c43ffdb89f1 Mon Sep 17 00:00:00 2001
From: an-lee <an.lee.work@gmail.com>
Date: Fri, 19 Apr 2024 10:48:12 +0800
Subject: [PATCH] Fix hotkeys (#539)

* fix compare hotkey in sm layout
---
 .../medias/media-current-recording.tsx        | 58 +++++++++----------
 1 file changed, 26 insertions(+), 32 deletions(-)

diff --git a/enjoy/src/renderer/components/medias/media-current-recording.tsx b/enjoy/src/renderer/components/medias/media-current-recording.tsx
index 90c5ba64..bda3f69b 100644
--- a/enjoy/src/renderer/components/medias/media-current-recording.tsx
+++ b/enjoy/src/renderer/components/medias/media-current-recording.tsx
@@ -409,12 +409,7 @@ export const MediaCurrentRecording = () => {
       if (!player) return;
       keyboardEvent.preventDefault();
 
-      if (
-        (navigator.platform.includes("Mac") && hotkeyEvent.meta) ||
-        hotkeyEvent.ctrl
-      ) {
-        document.getElementById("recording-play-or-pause-button").click();
-      }
+      document.getElementById("recording-play-or-pause-button").click();
     },
     { enabled },
     [player]
@@ -492,39 +487,38 @@ export const MediaCurrentRecording = () => {
           setIsRecording={setIsRecording}
         />
 
-        {layout?.name === "lg" && (
-          <>
-            <Button
-              variant={isComparing ? "secondary" : "outline"}
-              size="icon"
-              id="media-compare-button"
-              data-tooltip-id="media-player-tooltip"
-              data-tooltip-content={t("compare")}
-              className="rounded-full w-8 h-8 p-0"
-              onClick={toggleCompare}
-            >
-              <GitCompareIcon className="w-4 h-4" />
-            </Button>
+        <Button
+          variant={isComparing ? "secondary" : "outline"}
+          size="icon"
+          id="media-compare-button"
+          data-tooltip-id="media-player-tooltip"
+          data-tooltip-content={t("compare")}
+          className={
+            layout?.name === "sm" ? "hidden" : "rounded-full w-8 h-8 p-0"
+          }
+          onClick={toggleCompare}
+        >
+          <GitCompareIcon className="w-4 h-4" />
+        </Button>
 
-            <Button
-              variant={isSelectingRegion ? "secondary" : "outline"}
-              size="icon"
-              data-tooltip-id="media-player-tooltip"
-              data-tooltip-content={t("selectRegion")}
-              className="rounded-full w-8 h-8 p-0"
-              onClick={() => setIsSelectingRegion(!isSelectingRegion)}
-            >
-              <TextCursorInputIcon className="w-4 h-4" />
-            </Button>
-          </>
-        )}
+        <Button
+          variant={isSelectingRegion ? "secondary" : "outline"}
+          size="icon"
+          data-tooltip-id="media-player-tooltip"
+          data-tooltip-content={t("selectRegion")}
+          className={
+            layout?.name === "sm" ? "hidden" : "rounded-full w-8 h-8 p-0"
+          }
+          onClick={() => setIsSelectingRegion(!isSelectingRegion)}
+        >
+          <TextCursorInputIcon className="w-4 h-4" />
+        </Button>
 
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <Button
               variant="outline"
               size="icon"
-              id="media-compare-button"
               data-tooltip-id="media-player-tooltip"
               data-tooltip-content={t("more")}
               className="rounded-full w-8 h-8 p-0"