add version number to pcb viewer

tscircuit · Jun 9, 2024 · ddc1589 · ddc1589
1 parent f36653a
commit ddc1589
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -29,7 +29,7 @@
     "@tscircuit/react-fiber": "^1.1.25",
     "@tscircuit/soup": "^0.0.32",
     "@types/node": "18.7.23",
-    "@types/react": "^18.0.21",
+    "@types/react": "^18.3.3",
     "next": "^14.1.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/src/components/ToolbarOverlay.tsx b/src/components/ToolbarOverlay.tsx
@@ -9,6 +9,7 @@ import {
 } from "@tscircuit/builder"
 import { LAYER_NAME_TO_COLOR } from "lib/Drawer"
 import { useGlobalStore } from "global-store"
+import packageJson from "../../package.json"
 
 interface Props {
   children?: any
@@ -102,6 +103,22 @@ export const ToolbarOverlay = ({ children, elements }: Props) => {
       }}
     >
       {children}
+      <div
+        style={{
+          position: "absolute",
+          bottom: 4,
+          right: 8,
+          pointerEvents: "none",
+          color: "white",
+          fontSize: 11,
+          opacity: isMouseOverContainer ? 0.5 : 0,
+          transition: "opacity 1s",
+          transitionDelay: "2s",
+          fontFamily: "sans-serif",
+        }}
+      >
+        @tscircuit/pcb-viewer@{packageJson.version}
+      </div>
       <div
         style={{
           position: "absolute",