From f7e790b2ce96e6bb1c49c89ce3b62600869c4f42 Mon Sep 17 00:00:00 2001
From: Daniil Palagin <daniilpalaginjob@gmail.com>
Date: Thu, 29 Aug 2024 21:26:24 +0200
Subject: [PATCH] [#51] Add dev title for the development mode

---
 .env.development              | 1 +
 .env.production               | 1 +
 src/components/NavbarMenu.jsx | 3 ++-
 src/config/env.js             | 2 ++
 vite.config.js                | 3 +++
 5 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/.env.development b/.env.development
index e69de29..2a83dba 100644
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1 @@
+S_PIPES_APP_TITLE=SPipes Editor Dev
\ No newline at end of file
diff --git a/.env.production b/.env.production
index e69de29..97828a1 100644
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1 @@
+S_PIPES_APP_TITLE=SPipes Editor
\ No newline at end of file
diff --git a/src/components/NavbarMenu.jsx b/src/components/NavbarMenu.jsx
index 146c52f..b52b674 100644
--- a/src/components/NavbarMenu.jsx
+++ b/src/components/NavbarMenu.jsx
@@ -1,10 +1,11 @@
 import React from "react";
 import { Nav, Navbar } from "react-bootstrap";
+import { APP_TITLE } from "@config/env.js";
 
 const NavbarMenu = () => {
   return (
     <Navbar bg="light" expand="lg" style={{ zIndex: 100 }}>
-      <Navbar.Brand href="/">S-Pipes UI</Navbar.Brand>
+      <Navbar.Brand href="/">{APP_TITLE}</Navbar.Brand>
       <Navbar.Toggle aria-controls="basic-navbar-nav" />
       <Navbar.Collapse id="basic-navbar-nav">
         <Nav className="mr-auto">
diff --git a/src/config/env.js b/src/config/env.js
index b7252a2..aefc2ca 100644
--- a/src/config/env.js
+++ b/src/config/env.js
@@ -40,3 +40,5 @@ export const getEnv = (name, defaultValue) => {
 
   throw new Error(`Missing environment variable: ${name}`);
 };
+
+export const APP_TITLE = getEnv("APP_TITLE", "SPipes Editor");
diff --git a/vite.config.js b/vite.config.js
index fe1a97a..28e2f0f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -25,6 +25,9 @@ export default defineConfig({
   envPrefix: "S_PIPES_",
   resolve: {
     mainFields: [],
+    alias: {
+      "@config": "/src/config",
+    },
   },
   server: {
     proxy: {