Dynamically fill in document title, leave the default one in index.html

initLab · Jun 8, 2024 · d1b7e1d · d1b7e1d
1 parent 0340ed8
commit d1b7e1d
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 5 deletions.
diff --git a/.env b/.env
@@ -1,4 +1,3 @@
-TITLE=
 BACKEND_URL=
 DEVICE_BACKEND_URL=
 MQTT_BACKEND_URL=

diff --git a/.env.development b/.env.development
@@ -1,4 +1,3 @@
-TITLE=init Lab Space
 BACKEND_URL=http://localhost:3000/
 DEVICE_BACKEND_URL=http://localhost:4000/
 MQTT_BACKEND_URL=https://mqtt.initlab.org/

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -37,7 +37,6 @@ jobs:
           cmd: build
         env:
           OAUTH_CLIENT_ID: ERBrlPWjf98L_nI8Moxr7Aqjy4no1eRU-zSOROc2RbU
-          TITLE: init Lab Space
 
       - name: Upload production-ready build files
         uses: actions/upload-artifact@v3

diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta content="#2196f3" name="theme-color" />
     <meta content="#2196f3" name="msapplication-navbutton-color" />
-    <title>%TITLE%</title>
+    <title>init Lab Space</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/src/App.jsx b/src/App.jsx
@@ -11,8 +11,18 @@ import Login from './pages/Login.jsx';
 import { RequireLoggedIn } from './widgets/Route/RequireLoggedIn.jsx';
 import ActionLog from './pages/ActionLog.jsx';
 import Lights from './pages/Lights.jsx';
+import { useVariant } from './hooks/useVariant.js';
+import { useEffect } from 'react';
 
 function App() {
+    const variant = useVariant();
+
+    useEffect(() => {
+        if (variant === 'colibri') {
+            document.title = 'Casa Libri';
+        }
+    }, [variant]);
+
     return (<>
         <NavBar />
         <main>

diff --git a/vite.config.js b/vite.config.js
@@ -8,7 +8,6 @@ export default defineConfig({
         sourcemap: true,
     },
     envPrefix: [
-        'TITLE',
         'BACKEND_URL',
         'DEVICE_BACKEND_URL',
         'MQTT_BACKEND_URL',