⚡ make app page title dynamic

zcubbs · May 20, 2024 · 6f11898 · 6f11898
1 parent f869a3d
commit 6f11898
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/web/start/public/env.js b/web/start/public/env.js
@@ -1,2 +1,3 @@
 window.VITE_API_URL = '${VITE_API_URL}';
 window.VITE_APP_LOGO_URL = '${VITE_APP_LOGO_URL}';
+window.VITE_APP_TITLE = '${VITE_APP_TITLE}';
diff --git a/web/start/src/App.tsx b/web/start/src/App.tsx
@@ -11,6 +11,7 @@ import {Separator} from "@/components/ui/separator.tsx";
 const App: React.FC = () => {
   const [blueprints, setBlueprints] = useState<Blueprint[]>([]);
   useEffect(() => {
+    document.title = window.VITE_APP_TITLE || 'Power - Starters';
     fetchBlueprints().then(setBlueprints);
   }, []);
 
@@ -52,7 +53,7 @@ const App: React.FC = () => {
               </span>
             </div>
             <Separator/>
-            <h2 className="text-3xl font-bold mt-10 mb-10">Blueprints</h2>
+            <h2 className="text-3xl font-bold mt-10 mb-10">Plugins</h2>
             {blueprints && blueprints.length > 0 ? getBlueprints() : getNoBlueprints()}
           </div>
         </div>

diff --git a/web/start/src/globals.d.ts b/web/start/src/globals.d.ts
@@ -3,6 +3,7 @@ declare global {
   interface Window {
     VITE_APP_LOGO_URL?: string;
     VITE_API_URL?: string;
+    VITE_APP_TITLE?: string;
   }
 }