From effe34cb20ead69e8b559d6e3846a696ae0a2345 Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Tue, 13 May 2025 02:04:44 +0300
Subject: [PATCH] Refactor AppRouter to use dynamic base name from environment
 variable

---
 frontend/src/components/AppRouter.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/AppRouter.tsx b/frontend/src/components/AppRouter.tsx
index 296b7be..d4b536e 100644
--- a/frontend/src/components/AppRouter.tsx
+++ b/frontend/src/components/AppRouter.tsx
@@ -42,9 +42,16 @@ const PublicRoute = ({ children }: { children: React.ReactElement }): React.Reac
   );
 };
 
+const baseName = (() => {
+  if (!env.VITE_APP_BASE_URL) return "";
+  let baseUrl = env.VITE_APP_BASE_URL.endsWith("/") ? env.VITE_APP_BASE_URL.slice(0, -1) : env.VITE_APP_BASE_URL;
+  baseUrl = baseUrl.startsWith("/") ? baseUrl : `/${baseUrl}`;
+  return baseUrl;
+})();
+
 const AppRouter: React.FC = () => {
   return (
-    <BrowserRouter basename={env.VITE_APP_BASE_URL || ""}>
+    <BrowserRouter basename={baseName}>
       <Routes>
         <Route path="/" element={<Navigate to="/dashboard" />} />
         <Route