From dc0b8122146c95363abb4a892658c389d58f0b23 Mon Sep 17 00:00:00 2001
From: Ludy87 <Ludy87@users.noreply.github.com>
Date: Wed, 24 Sep 2025 20:01:56 +0200
Subject: [PATCH] Refactor base URL access to use hook in HomePage

Replaced direct usage of getBaseUrl with the useBaseUrl hook in HomePage.tsx for improved React integration. Updated app constants to clarify usage and added a newline for readability.
---
 frontend/src/constants/app.ts   | 1 +
 frontend/src/pages/HomePage.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/constants/app.ts b/frontend/src/constants/app.ts
index 61353689b..74a40e24c 100644
--- a/frontend/src/constants/app.ts
+++ b/frontend/src/constants/app.ts
@@ -5,6 +5,7 @@ export const DEFAULT_BASE_URL = 'https://stirling.com';
 
 export const getBaseUrlFromConfig = (config?: AppConfig | null): string =>
   config?.baseUrl || DEFAULT_BASE_URL;
+
 // Hook to access the base URL within React components
 export const useBaseUrl = (): string => {
   const { config } = useAppConfig();
diff --git a/frontend/src/pages/HomePage.tsx b/frontend/src/pages/HomePage.tsx
index 26d190dfa..e445ce7cb 100644
--- a/frontend/src/pages/HomePage.tsx
+++ b/frontend/src/pages/HomePage.tsx
@@ -3,7 +3,7 @@ import { useToolWorkflow } from "../contexts/ToolWorkflowContext";
 import { Group } from "@mantine/core";
 import { useSidebarContext } from "../contexts/SidebarContext";
 import { useDocumentMeta } from "../hooks/useDocumentMeta";
-import { getBaseUrl } from "../constants/app";
+import { useBaseUrl } from "../constants/app";
 
 import ToolPanel from "../components/tools/ToolPanel";
 import Workbench from "../components/layout/Workbench";
@@ -22,7 +22,7 @@ export default function HomePage() {
 
   const { selectedTool, selectedToolKey } = useToolWorkflow();
 
-  const baseUrl = getBaseUrl();
+  const baseUrl = useBaseUrl();
 
   // Update document meta when tool changes
   useDocumentMeta({