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({