From 8be4fea7a3f3ee67917a8712bba5e81bedbafd01 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Tue, 19 Dec 2023 11:12:15 +0500
Subject: [PATCH] ui: use symbols for shortcut keys on macOS

---
 packages/ui/src/components/menu/menu-button.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/menu/menu-button.tsx b/packages/ui/src/components/menu/menu-button.tsx
index 04a03d2e7..d60c9cb84 100644
--- a/packages/ui/src/components/menu/menu-button.tsx
+++ b/packages/ui/src/components/menu/menu-button.tsx
@@ -141,10 +141,16 @@ export function MenuButton(props: MenuButtonProps) {
 const platform = getPlatform();
 function translateModifier(modifier: string) {
   if (platform === "Android" || platform === "iOS") return "";
+  const isMacOS = platform === "macOS";
   const parts = modifier.split("-");
   return parts
-    .map((p) => (p === "Mod" ? (platform === "macOS" ? "Cmd" : "Ctrl") : p))
-    .join("+");
+    .map((p) => {
+      if (isMacOS) {
+        return p === "Mod" ? "⌘" : p === "Alt" ? "⌥" : p === "Shift" ? "⇧" : p;
+      }
+      return p === "Mod" ? "Ctrl" : p;
+    })
+    .join(isMacOS ? "" : "+");
 }
 
 function getPlatform() {