@openstack_dev/gatsby-theme-marketing-oif-core 1.0.5 → 1.0.6

package/gatsby-browser.js

@@ -1,5 +1,5 @@
-import ReduxWrapper from "./src/state/ReduxWrapper";
+import { ReduxWrapperWithTheme } from "./src/state/ReduxWrapper";
 
-export const wrapRootElement = ReduxWrapper;
+export const wrapRootElement = ReduxWrapperWithTheme;
 
 export const onClientEntry = () => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Base theme for Marketing Sites",
   "author": "smarcet",
   "keywords": [

package/src/content/site-settings/index.json

@@ -1 +1 @@
-{ "staticJsonFilesBuildTime": [], "lastBuild": 1713843468311 }
+{ "staticJsonFilesBuildTime": [], "lastBuild": 1713847296425 }

package/src/state/ReduxWrapper.js

@@ -1,29 +1,41 @@
 import * as React from "react";
 import { Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
-import { store, persistor } from "./store";
 import { ThemeProvider } from "@mui/material/styles";
 import CssBaseline from "@mui/material/CssBaseline";
+import { store, persistor } from "./store";
 import theme from "../theme";
 
 const onBeforeLift = () => {
-    const params = new URLSearchParams(window.location.search);
-    const flush = params.has("flushState");
+  const params = new URLSearchParams(window.location.search);
+  const flush = params.has("flushState");
 
-    if (flush) {
-        //store.dispatch({ type: RESET_STATE, payload: null });
-    }
+  if (flush) {
+    // store.dispatch({ type: RESET_STATE, payload: null });
+  }
 };
 
-const ReduxWrapper = ({ element }) => (
+function ReduxWrapper({ element }) {
+  return (
+    <Provider store={store}>
+      <PersistGate onBeforeLift={onBeforeLift} persistor={persistor}>
+        {() => element}
+      </PersistGate>
+    </Provider>
+  );
+}
+
+export function ReduxWrapperWithTheme({ element }) {
+  return (
     <Provider store={store}>
-        <PersistGate onBeforeLift={onBeforeLift} persistor={persistor}>
-            <ThemeProvider theme={theme}>
-                <CssBaseline />
-                {element}
-            </ThemeProvider>
-        </PersistGate>
+      <PersistGate onBeforeLift={onBeforeLift} persistor={persistor}>
+        <ThemeProvider theme={theme}>
+          <CssBaseline />
+          {() => element}
+        </ThemeProvider>
+      </PersistGate>
     </Provider>
-);
+  );
+}
 
 export default ReduxWrapper;