Merge pull request #58 from beekeeper-studio/fix/copy-query-label

add copy query label

Author: azmy60

src/assets/styles/components/_message.scss

@@ -36,6 +36,14 @@
     justify-content: flex-end;
   }
 
+  .message-content .code-block .actions .btn {
+    gap: 0.25rem;
+    min-width: 1.75rem;
+    padding-inline: 0.4rem;
+    width: auto;
+    font-weight: normal;
+  }
+
   .message-content.literally-empty {
     font-style: italic;
     --theme-text-message-system: var(--text-muted);

src/markdownParser.ts

@@ -33,6 +33,8 @@ async function useExtensions() {
             langAttr = ` data-lang="${token.lang}"`;
           }
 
+          const queryOrCode = token.lang === "sql" ? "query" : "code";
+
           let actionsHtml = `
             <button
               class="btn btn-flat-2"
@@ -53,8 +55,9 @@ async function useExtensions() {
             >
               <span class="material-symbols-outlined copy-icon">content_copy</span>
               <span class="material-symbols-outlined copied-icon">check</span>
+              <span>Copy ${queryOrCode}</span>
               <span class="title-popup">
-                <span class="copy-label">Copy</span>
+                <span class="copy-label">Copy ${queryOrCode}</span>
                 <span class="copied-label">Copied</span>
               </span>
             </button>