From d87f70eee6764af3cfe86554a5bade2ac41dd9e0 Mon Sep 17 00:00:00 2001
From: Raz Luvaton <16746759+rluvaton@users.noreply.github.com>
Date: Thu, 5 Dec 2024 16:07:22 +0000
Subject: [PATCH] allow pressing CMD + Enter

---
 src/components/InputArea.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/InputArea.tsx b/src/components/InputArea.tsx
index 468adde..ff3a9d1 100644
--- a/src/components/InputArea.tsx
+++ b/src/components/InputArea.tsx
@@ -5,6 +5,9 @@ import { dfCtx } from "../App"
 
 export const sqlAtom = atom('')
 
+const COMMAND_KEY = '⌘';
+const CTRL_KEY = "Ctrl"
+
 export function InputArea() {
   const [sql, setSql] = useAtom(sqlAtom)
   const setHistoryList = useSetAtom(historyListAtom)
@@ -14,7 +17,7 @@ export function InputArea() {
   }
 
   const handleCtrlEnter = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.key === 'Enter' && e.ctrlKey) {
+    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
       doQuery();
 
       e.currentTarget.value = ''
@@ -31,6 +34,8 @@ export function InputArea() {
     console.log('doQuery' + sql)
   }
 
+  const isMac = navigator.userAgent.indexOf('Mac OS X') != -1;
+
   return (
     < Textarea
       className="m-4"
@@ -39,7 +44,7 @@ export function InputArea() {
       minRows={4}
       maxRows={7}
       autosize={true}
-      description="Ctrl + Enter to execute"
+      description={`${isMac ? COMMAND_KEY : CTRL_KEY} + Enter to execute`}
       placeholder="SQL here"
       onChange={handleChange}
       onKeyDown={handleCtrlEnter}