ui-soxo-bootstrap-core 2.6.55-dev.1 → 2.6.55-dev.3

package/core/components/landing-api/landing-api.js

@@ -1,4 +1,4 @@
-import { useContext, useEffect, useRef, useState } from 'react';
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
 
 import { Route, Switch } from 'react-router-dom';
 
@@ -44,8 +44,34 @@ function getRandomMessage(previousMessage = '') {
  * @param {*} param0
  * @returns
  */
-export default function LandingApi({ history, CustomComponents, CustomModels, appSettings, transitionPending = false, onHomeReady, ...props }) {
+export default function LandingApi({ history, CustomComponents, CustomModels, appSettings: baseAppSettings, transitionPending = false, onHomeReady, ...props }) {
   const [loader, setLoader] = useState(false);
+
+  // Active db pointer, kept in sync with branch switches
+  const [activeDbPtr, setActiveDbPtr] = useState(() => localStorage.getItem('db_ptr'));
+
+  // App settings with headers.db_ptr reflecting the active branch
+  const appSettings = useMemo(() => {
+    if (!activeDbPtr) return baseAppSettings;
+
+    return {
+      ...baseAppSettings,
+      headers: {
+        ...(baseAppSettings?.headers || {}),
+        db_ptr: activeDbPtr,
+      },
+    };
+  }, [baseAppSettings, activeDbPtr]);
+
+  useEffect(() => {
+    const handleBranchChanged = (event) => {
+      setActiveDbPtr(event.detail || localStorage.getItem('db_ptr'));
+    };
+
+    window.addEventListener('branchChanged', handleBranchChanged);
+
+    return () => window.removeEventListener('branchChanged', handleBranchChanged);
+  }, []);
   // const [modules, setModules] = useState([]);
 
   const [connected] = useState();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-soxo-bootstrap-core",
-  "version": "2.6.55-dev.1",
+  "version": "2.6.55-dev.3",
   "description": "All the Core Components for you to start",
   "keywords": [
     "all in one"