Zui Polish 2 (#2895)

Dark Mode
Translucent Mac Window
New Pin Design
New Toolbar Design
New Detail Pane Design
New History Pane Design
New Save Query Workflow

apps/zui/build/preload.js

@@ -1,8 +1,12 @@
 const {contextBridge, ipcRenderer} = require("electron")
 
 const preloadApi = () => ({
-  on: ipcRenderer.on.bind(ipcRenderer),
-  off: ipcRenderer.off.bind(ipcRenderer),
+  on: (channel, handler) => {
+    ipcRenderer.on(channel, handler)
+    return () => {
+      ipcRenderer.off(channel, handler)
+    }
+  },
   once: ipcRenderer.once.bind(ipcRenderer),
   invoke: ipcRenderer.invoke.bind(ipcRenderer),
 })

apps/zui/package.json

@@ -139,7 +139,6 @@
     "react-redux": "^8.0.5",
     "react-router": "5.3.1",
     "react-spring": "^8.0.27",
-    "react-tooltip": "^4.2.7",
     "react-transition-group": "^4.4.5",
     "react-window": "^1.8.7",
     "regenerator-runtime": "^0.13.6",

apps/zui/pages/detail.tsx

@@ -4,7 +4,7 @@ import {AppProvider} from "src/app/core/context"
 import AppWindowRouter from "src/app/router/app-window-router"
 import LogDetailsWindow from "src/js/components/LogDetailsWindow"
 import {Modals} from "src/js/components/Modals"
-import Tooltip from "src/js/components/Tooltip"
+import {Tooltip} from "src/components/tooltip"
 import initialize from "src/js/initializers/initialize"
 import TabHistories from "src/js/state/TabHistories"
 import Tabs from "src/js/state/Tabs"

apps/zui/project.json

@@ -4,7 +4,7 @@
   "sourceRoot": "apps/zui",
   "projectType": "app",
   "targets": {
-    "watch-tsc": {
+    "tsc-watch": {
       "command": "tsc -p apps/zui/tsconfig.json --watch"
     },
     "lint": {