From 1b85bb9f3cf462d8befcf8e29d266999822c1620 Mon Sep 17 00:00:00 2001
From: tianzhou <t@bytebase.com>
Date: Wed, 28 Jun 2023 13:30:32 +0800
Subject: [PATCH] chore: more sql button explicit

---
 src/components/CodeBlock.tsx   | 14 ++++++--------
 src/components/QueryDrawer.tsx | 14 ++++++--------
 src/locales/en.json            |  2 +-
 src/locales/es.json            |  2 +-
 src/locales/zh.json            |  2 +-
 5 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/src/components/CodeBlock.tsx b/src/components/CodeBlock.tsx
index b342a2d..c74c3a7 100644
--- a/src/components/CodeBlock.tsx
+++ b/src/components/CodeBlock.tsx
@@ -60,14 +60,12 @@ export const CodeBlock = (props: Props) => {
             </button>
           </Tooltip>
           {showExecuteButton && (
-            <Tooltip title={t("common.execute")} side="top">
-              <button
-                className="flex justify-center items-center rounded bg-none w-6 h-6 p-1 text-xs text-white bg-indigo-600 opacity-90 hover:opacity-100"
-                onClick={handleExecuteQuery}
-              >
-                <Icon.IoPlay className="w-full h-auto" />
-              </button>
-            </Tooltip>
+            <button
+              className="flex justify-center items-center rounded bg-none h-6 py-1 px-2 text-xs text-white bg-indigo-600 opacity-90 hover:opacity-100"
+              onClick={handleExecuteQuery}
+            >
+              {t("common.run-sql")}
+            </button>
           )}
         </div>
       </div>
diff --git a/src/components/QueryDrawer.tsx b/src/components/QueryDrawer.tsx
index 938641f..81c774b 100644
--- a/src/components/QueryDrawer.tsx
+++ b/src/components/QueryDrawer.tsx
@@ -132,14 +132,12 @@ const QueryDrawer = () => {
                 placeholder="Enter your SQL statement here..."
                 onChange={(e) => setStatement(e.target.value)}
               />
-              <Tooltip title={t("common.execute")} side="top">
-                <button
-                  className="w-6 p-1 -translate-y-2 cursor-pointer rounded-md hover:shadow opacity-90 hover:opacity-100 bg-indigo-600 text-gray-50 disabled:cursor-not-allowed disabled:opacity-60"
-                  onClick={() => executeStatement(statement)}
-                >
-                  <Icon.IoPlay className="w-full h-auto" />
-                </button>
-              </Tooltip>
+              <button
+                className="h-8 py-1 px-4 whitespace-nowrap -translate-y-2 cursor-pointer rounded-md hover:shadow opacity-90 hover:opacity-100 bg-indigo-600 text-gray-50 disabled:cursor-not-allowed disabled:opacity-60"
+                onClick={() => executeStatement(statement)}
+              >
+                {t("common.run-sql")}
+              </button>
             </div>
             <div className="w-full flex flex-col justify-start items-start mt-4">
               {isLoading ? (
diff --git a/src/locales/en.json b/src/locales/en.json
index 90d55d8..ea4df36 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -9,7 +9,7 @@
     "setting": "Setting",
     "copy": "Copy",
     "delete": "Delete",
-    "execute": "Execute",
+    "run-sql": "Run SQL",
     "sign-in": "Sign in",
     "sign-out": "Sign out",
     "back": "Back",
diff --git a/src/locales/es.json b/src/locales/es.json
index 38e5f7c..ce4ee98 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -9,7 +9,7 @@
     "setting": "Configuración",
     "copy": "Copiar",
     "delete": "Borrar",
-    "execute": "Ejecutar",
+    "run-sql": "Ejecutar SQL",
     "sign-in": "Iniciar sesión",
     "sign-out": "Desconectar",
     "back": "Volver",
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 006f0f3..60086b0 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -9,7 +9,7 @@
     "setting": "设置",
     "copy": "复制",
     "delete": "删除",
-    "execute": "执行",
+    "run-sql": "运行 SQL",
     "sign-in": "登录",
     "sign-out": "登出",
     "back": "返回",