feat(ui): reload table list on schema changes (#1425)

ui/src/consts/index.ts

@@ -36,6 +36,7 @@ export enum BusEvent {
   MSG_QUERY_FIND_N_EXEC = "query.build.execute",
   MSG_QUERY_OK = "query.out.ok",
   MSG_QUERY_RUNNING = "query.out.running",
+  MSQ_QUERY_SCHEMA = "query.out.schema",
   REACT_READY = "react.ready",
 }
 

ui/src/js/console/import.js

 import $ from "jquery"
 
 import * as qdb from "./globals"
+import { BusEvent } from "../../consts";
 
 function s4() {
   return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
@@ -342,6 +343,7 @@ $.fn.importManager = function (editorBus) {
           "s</span>",
         true,
       )
+      window.bus.trigger(BusEvent.MSQ_QUERY_SCHEMA)
     } else {
       current.importState = 4
       current.response = data.status

ui/src/scenes/Editor/Ace/index.tsx

@@ -149,6 +149,7 @@ const Ace = () => {
                   ),
                 }),
               )
+              bus.trigger(BusEvent.MSQ_QUERY_SCHEMA)
             }
 
             if (result.type === QuestDB.Type.DQL) {

ui/src/scenes/Schema/index.tsx

@@ -53,6 +53,7 @@ import { color } from "utils"
 import * as QuestDB from "utils/questdb"
 
 import Table from "./Table"
+import { BusEvent } from "../../consts"
 
 type Props = Readonly<{
   hideMenu?: boolean
@@ -133,6 +134,10 @@ const Schema = ({
 
   useEffect(() => {
     void fetchTables()
+
+    window.bus.on(BusEvent.MSQ_QUERY_SCHEMA, () => {
+      void fetchTables()
+    })
   }, [fetchTables])
 
   return (