better formatting for cmd_shift_s schema tooltip

explorerhq · Aug 20, 2024 · 357089e · 357089e
1 parent add806c
commit 357089e
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/explorer/src/js/codemirror-config.js b/explorer/src/js/codemirror-config.js
@@ -39,12 +39,21 @@ const hideTooltipOnEsc = EditorView.domEventHandlers({
     }
 });
 
-function displaySchemaTooltip(editor, content) {
+function displaySchemaTooltip(content) {
     let tooltip = document.getElementById('schema_tooltip');
     if (tooltip) {
         tooltip.classList.remove('d-none');
         tooltip.classList.add('d-block');
-        tooltip.textContent = content;
+
+        // Clear existing content
+        tooltip.textContent = '';
+
+        content.forEach(item => {
+            let column = document.createElement('span');
+            column.textContent = item;
+            column.classList.add('mx-1')
+            tooltip.appendChild(column);
+        });
     }
 }
 
@@ -58,11 +67,11 @@ function fetchAndShowSchema(view) {
         SchemaSvc.get().then(schema => {
             let formattedSchema;
             if (schema.hasOwnProperty(tableName)) {
-                formattedSchema = JSON.stringify(schema[tableName], null, 2);
+                displaySchemaTooltip(schema[tableName]);
             } else {
-                formattedSchema = `Table '${tableName}' not found in schema for connection`;
+                const errorMsg = [`Table '${tableName}' not found in schema for connection`];
+                displaySchemaTooltip(errorMsg);
             }
-            displaySchemaTooltip(view, formattedSchema);
         });
     }
     return true;