chore(web): layout

fixes #28
atty303 · May 12, 2024 · af0dd92 · af0dd92
1 parent d56fd60
commit af0dd92
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 15 deletions.
diff --git a/packages/web/src/App.tsx b/packages/web/src/App.tsx
@@ -14,18 +14,29 @@ function App() {
     return (
         <>
             <div className="grid grid-cols-1 grid-rows-[auto_1fr] min-h-screen">
-                <Header frameTime={frameTime}/>
+                <Header/>
 
                 <div className="p-4">
                     <PobWindow onFrame={handleFrame}/>
                 </div>
 
                 <footer className="footer flex items-center p-4 bg-neutral text-neutral-content">
                     <aside className="flex-1">
-                        <p>©2024 Koji AGAWA (<a className="link" href="https://x.com/atty303" target="_blank">@atty303</a>)</p>
+                        <span>© 2024 Koji AGAWA (<a className="link" href="https://x.com/atty303"
+                                                   target="_blank">@atty303</a>)
+                        - This site is not affiliated with Grinding Gear Games or Path of Exile.</span>
                     </aside>
                     <div className="flex-none">
-                        <p>This site is not affiliated with Grinding Gear Games or Path of Exile.</p>
+                        <span className="badge badge-sm">
+                            Render: {frameTime.toFixed(1)}ms
+                        </span>
+                    </div>
+                    <div className="flex-none">
+                        <span className="link">
+                            <a href="https://github.com/atty303/pob-web/blob/main/CHANGELOG.md" target="_blank">
+                                Version {APP_VERSION}
+                            </a>
+                        </span>
                     </div>
                     <div className="flex-none">
                         <a href="https://github.com/atty303/poe-web" target="_blank">

diff --git a/packages/web/src/Header.tsx b/packages/web/src/Header.tsx
@@ -36,7 +36,7 @@ function Auth() {
     }
 }
 
-export default function Header(p: { frameTime: number }) {
+export default function Header(_p: {}) {
     const a = useAuth0();
 
     const [token, setToken] = useState<string>();
@@ -83,16 +83,7 @@ export default function Header(p: { frameTime: number }) {
                     <a className="btn btn-ghost text-xl">pob.cool</a>
                     <span className="badge badge-warning">This site is a work in progress</span>
                 </div>
-                <div className="flex-none pr-4">
-                    <span className="badge">
-                        Render: {p.frameTime.toFixed(1)}ms
-                    </span>
-                </div>
-                <div className="flex-none pr-4">
-                    <a className="btn btn-ghost" href="https://github.com/atty303/pob-web/blob/main/CHANGELOG.md"
-                       target="_blank">Changelog</a>
-                </div>
-                <div className="flex-none pr-4">
+                <div className="flex-none mr-4">
                     <Auth/>
                     <button className="btn btn-ghost" onClick={debug}>Debug</button>
                 </div>

diff --git a/packages/web/src/vite-env.d.ts b/packages/web/src/vite-env.d.ts
@@ -1,3 +1,4 @@
 /// <reference types="vite/client" />
+declare const APP_VERSION: string;
 declare const __DATA_PREFIX__: string;
 declare const __ASSET_PREFIX__: string;
diff --git a/packages/web/vite.config.ts b/packages/web/vite.config.ts
@@ -55,6 +55,7 @@ export default defineConfig({
     },
   },
   define: {
+    APP_VERSION: JSON.stringify(process.env.npm_package_version),
     __DATA_PREFIX__: dataPrefix,
     __ASSET_PREFIX__: assetPrefix,
   },

diff --git a/release-please-config.json b/release-please-config.json
@@ -3,7 +3,12 @@
   "release-type": "node",
   "include-component-in-tag": false,
   "packages": {
-    ".": {
+    ".": {},
+    "packages/driver": {
+      "release-type": "node"
+    },
+    "packages/web": {
+      "release-type": "node"
     }
   }
 }