From c55d3d0f6b397fd2953a827c7959436378557332 Mon Sep 17 00:00:00 2001
From: Caio Ricciuti <caio.ricciuti@outlook.com>
Date: Wed, 8 Jan 2025 19:42:54 +0100
Subject: [PATCH] chore: update Docker build workflow to use GHCR_PAT and add
 CH-UI version to Sidebar

---
 .github/workflows/docker-build.yml | 2 +-
 src/components/common/Sidebar.tsx  | 6 +++++-
 vite.config.ts                     | 5 +++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml
index 082e3d5..f2f33d3 100644
--- a/.github/workflows/docker-build.yml
+++ b/.github/workflows/docker-build.yml
@@ -27,7 +27,7 @@ jobs:
         with:
           registry: ghcr.io
           username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
+          password: ${{ secrets.GHCR_PAT }}
 
       - name: Extract metadata (tags, labels)
         id: meta
diff --git a/src/components/common/Sidebar.tsx b/src/components/common/Sidebar.tsx
index d624786..d2ccc54 100644
--- a/src/components/common/Sidebar.tsx
+++ b/src/components/common/Sidebar.tsx
@@ -100,6 +100,9 @@ const Sidebar = () => {
   const [open, setOpen] = useState(false);
   const sidebarRef = useRef<HTMLDivElement>(null);
 
+  // version from vite.config.ts
+  const ch_ui_version = __CH_UI_VERSION__;
+
   const toggleTheme = () => {
     setTheme(theme === "dark" ? "light" : "dark");
   };
@@ -342,7 +345,8 @@ const Sidebar = () => {
                   ? "Connected"
                   : "Disconnected"}
               </p>
-              <p className="text-xs">Version: {version}</p>
+              <p className="text-xs">Click House Version: {version}</p>
+              <p className="text-xs">CH-UI Version: {ch_ui_version}</p>
             </div>
           </PopoverContent>
         </Popover>
diff --git a/vite.config.ts b/vite.config.ts
index f50ca6c..a240689 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,8 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import path from "path";
+// version
+import pkg from "./package.json";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -10,4 +12,7 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
+  define: {
+    __CH_UI_VERSION__: JSON.stringify(pkg.version),
+  },
 });