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

package/gatsby-browser.js

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

package/gatsby-config.js

@@ -17,8 +17,6 @@ try {
   console.log("Falling back to default site settings.");
 }
 
-console.log("loaded siteSettings on gatsby config ...", siteSettings);
-
 const title = siteSettings?.siteMetadata?.title || process.env.GATSBY_METADATA_TITLE;
 const description = siteSettings?.siteMetadata?.description
   || process.env.GATSBY_METADATA_DESCRIPTION;
@@ -217,12 +215,15 @@ const plugins = [
   "gatsby-plugin-netlify", // make sure to keep it last in the array
 ];
 
-console.log(`title ${title} description ${description}`);
-
 module.exports = {
   siteMetadata: {
     title,
     description,
   },
   plugins,
+  /*
+  flags: {
+    DEV_SSR: true,
+  },
+   */
 };

package/package.json

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

package/src/components/Layout.js

@@ -1,27 +1,33 @@
 import React from "react";
 import PropTypes from "prop-types";
+import CssBaseline from "@mui/material/CssBaseline";
+import { ThemeProvider } from "@mui/material/styles";
 import Footer from "./Footer";
 import SponsoredProjectsNav from "./SponsoredProjectsNav";
 import SubscribeForm from "./SubscribeForm";
 import AnnouncementBanner from "./AnnouncementBanner";
 import Header from "./Header";
 import Navbar from "./Navbar";
+import theme from "../theme";
 
 function Layout({ children }) {
   return (
-    <div>
-      <SponsoredProjectsNav />
-      <Navbar />
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
       <div>
-        <Header />
-        <AnnouncementBanner />
-        <main id="content-wrapper">
-          {children}
-          <SubscribeForm />
-        </main>
-        <Footer />
+        <SponsoredProjectsNav />
+        <Navbar />
+        <div>
+          <Header />
+          <AnnouncementBanner />
+          <main id="content-wrapper">
+            {children}
+            <SubscribeForm />
+          </main>
+          <Footer />
+        </div>
       </div>
-    </div>
+    </ThemeProvider>
   );
 }
 

package/src/components/Navbar/index.js

@@ -28,6 +28,11 @@ function Navbar({ isLoggedUser, member }) {
   const [navbarMenu, setNavbarMenu] = React.useState(null);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = React.useState(false);
   const [isSearchBarOpen, setIsSearchBarOpen] = React.useState(false);
+  const [domLoaded, setDomLoaded] = React.useState(false);
+
+  React.useEffect(() => {
+    setDomLoaded(true);
+  }, []);
 
   const handleSetActiveMenu = (option) => {
     setNavbarMenu(navbarMenu === option ? null : option);
@@ -73,381 +78,393 @@ function Navbar({ isLoggedUser, member }) {
   };
 
   return (
-    <nav role="navigation">
-      <Script
-        src={`${getEnvVariable(SEARCH_WIDGET_BASE_URL)}/widget/embed.min.js`}
-        onLoad={() => console.log("Script loaded")}
-      />
-      <AppBar
-        position="static"
-        className={styles.navbar}
-        sx={{ backgroundColor: "#fff", boxShadow: "none" }}
-      >
-        <Container maxWidth="xl">
-          <Toolbar disableGutters sx={{ flexWrap: "wrap" }}>
-            <Box className={styles.navbarHeader}>
-              <div className={styles.brandWrapper}>
-                <a
-                  className={styles.navbarBrand}
-                  href="/"
-                  alt="Openstack logo"
-                  aria-label="Go to homepage"
-                />
-              </div>
-              <Box
-                className={styles.searchWrapper}
-                sx={{ display: { xs: "none", md: "flex" } }}
-              >
-                <div
-                  role="button"
-                  tabIndex={0}
-                  onKeyDown={(event) => {
-                    if (event.key === "Enter" || event.key === " ") setIsSearchBarOpen(true);
-                  }}
-                  onClick={() => setIsSearchBarOpen(true)}
-                  className={styles.searchComponent}
+    <>
+      {domLoaded && (
+        <nav role="navigation">
+          <Script
+            src={`${getEnvVariable(
+              SEARCH_WIDGET_BASE_URL,
+            )}/widget/embed.min.js`}
+            onLoad={() => console.log("Script loaded")}
+          />
+          <AppBar
+            position="static"
+            className={styles.navbar}
+            sx={{ backgroundColor: "#fff", boxShadow: "none" }}
+          >
+            <Container maxWidth="xl">
+              <Toolbar disableGutters sx={{ flexWrap: "wrap" }}>
+                <Box className={styles.navbarHeader}>
+                  <div className={styles.brandWrapper}>
+                    <a
+                      className={styles.navbarBrand}
+                      href="/"
+                      alt="Openstack logo"
+                      aria-label="Go to homepage"
+                    />
+                  </div>
+                  <Box
+                    className={styles.searchWrapper}
+                    sx={{ display: { xs: "none", md: "flex" } }}
+                  >
+                    <div
+                      role="button"
+                      tabIndex={0}
+                      onKeyDown={(event) => {
+                        if (event.key === "Enter" || event.key === " ") setIsSearchBarOpen(true);
+                      }}
+                      onClick={() => setIsSearchBarOpen(true)}
+                      className={styles.searchComponent}
+                    >
+                      <SearchIcon className={styles.searchIcon} />
+                      <span className={styles.headerSearchText}>Search</span>
+                    </div>
+                    <Box
+                      className={`openstack-search-bar ${styles.openstackSearchBar}`}
+                      style={{
+                        visibility: isSearchBarOpen ? "visible" : "hidden",
+                        opacity: isSearchBarOpen ? "1" : "0",
+                      }}
+                      data-baseurl={getEnvVariable(SEARCH_WIDGET_BASE_URL)}
+                      data-context="www-openstack"
+                    />
+                  </Box>
+                </Box>
+                {/* Mobile Menu */}
+                <Box
+                  className={styles.mobileMenuWrapper}
+                  sx={{ flexGrow: 1, display: { xs: "flex", md: "none" } }}
                 >
-                  <SearchIcon className={styles.searchIcon} />
-                  <span className={styles.headerSearchText}>Search</span>
-                </div>
+                  <IconButton
+                    className={styles.toggleIcon}
+                    size="large"
+                    aria-label="account of current user"
+                    aria-controls="menu-appbar"
+                    aria-haspopup="true"
+                    onClick={() => handleMobileMenuToggle()}
+                    color="inherit"
+                  >
+                    <MenuIcon />
+                  </IconButton>
+                </Box>
+                {/* Desktop Menu */}
                 <Box
-                  className={`openstack-search-bar ${styles.openstackSearchBar}`}
-                  style={{
-                    visibility: isSearchBarOpen ? "visible" : "hidden",
-                    opacity: isSearchBarOpen ? "1" : "0",
+                  sx={{
+                    flexGrow: 1,
+                    display: {
+                      xs: "none",
+                      md: isSearchBarOpen ? "none" : "flex",
+                    },
+                    justifyContent: "flex-end",
                   }}
-                  data-baseurl={getEnvVariable(SEARCH_WIDGET_BASE_URL)}
-                  data-context="www-openstack"
-                />
-              </Box>
-            </Box>
-            {/* Mobile Menu */}
-            <Box
-              className={styles.mobileMenuWrapper}
-              sx={{ flexGrow: 1, display: { xs: "flex", md: "none" } }}
-            >
-              <IconButton
-                className={styles.toggleIcon}
-                size="large"
-                aria-label="account of current user"
-                aria-controls="menu-appbar"
-                aria-haspopup="true"
-                onClick={() => handleMobileMenuToggle()}
-                color="inherit"
-              >
-                <MenuIcon />
-              </IconButton>
-            </Box>
-            {/* Desktop Menu */}
-            <Box
-              sx={{
-                flexGrow: 1,
-                display: { xs: "none", md: isSearchBarOpen ? "none" : "flex" },
-                justifyContent: "flex-end",
-              }}
-            >
-              {navbarContent.items.map(
-                (item) => item.display && (
-                <Button
-                  className={styles.navbarOption}
-                  key={item.title}
-                  sx={{ my: 2, display: "block" }}
-                  disableRipple
-                  onClick={() => handleNavigation(item.link)}
-                >
-                  {item.items?.length > 0 ? (
-                    <>
-                      {item.title}
-                      <ArrowDropDownIcon className={styles.arrowDownIcon} />
-                      <Box className={styles.dropDownMenu}>
-                        {item.items.map((subItem) => (!subItem.title && !subItem.link ? (
-                          <div className={styles.divider} />
-                        ) : (
-                          <Button
-                            className={styles.dropdownMenuOption}
-                            key={subItem.title}
-                            onClick={() => handleNavigation(subItem.link)}
-                            sx={{ display: "block" }}
-                            disableRipple
-                          >
-                            {subItem.title}
-                          </Button>
-                        )))}
-                      </Box>
-                    </>
-                  ) : (
-                    item.title
-                  )}
-                </Button>
-                ),
-              )}
-            </Box>
-            {isLoggedUser ? (
-              <Box
-                maxWidth="15%"
-                sx={{
-                  display: {
-                    xs: "none",
-                    md: isSearchBarOpen ? "none" : "flex",
-                  },
-                  justifyContent: "flex-end",
-                  marginLeft: "auto",
-                }}
-              >
-                <Button
-                  className={`${styles.navbarOption}`}
-                  sx={{ my: 2, display: "block" }}
-                  disableRipple
                 >
-                  My Account
-                  <ArrowDropDownIcon className={styles.arrowDownIcon} />
-                  <Box className={styles.dropDownMenu}>
+                  {navbarContent.items.map(
+                    (item) => item.display && (
                     <Button
-                      className={styles.dropdownMenuOption}
-                      onClick={() => handleNavigation("/profile/")}
-                      sx={{ display: "block" }}
+                      className={styles.navbarOption}
+                      key={item.title}
+                      sx={{ my: 2, display: "block" }}
                       disableRipple
+                      onClick={() => handleNavigation(item.link)}
                     >
-                      Edit Profile
-                    </Button>
-                    <Button
-                      className={styles.dropdownMenuOption}
-                      onClick={() => handleNavigation(
-                        `/community/members/profile/${
-                          member.id
-                        }/${`${member.first_name.toLowerCase()}-${member.last_name.toLowerCase()}`}`,
+                      {item.items?.length > 0 ? (
+                        <>
+                          {item.title}
+                          <ArrowDropDownIcon
+                            className={styles.arrowDownIcon}
+                          />
+                          <Box className={styles.dropDownMenu}>
+                            {item.items.map((subItem) => (!subItem.title && !subItem.link ? (
+                              <div className={styles.divider} />
+                            ) : (
+                              <Button
+                                className={styles.dropdownMenuOption}
+                                key={subItem.title}
+                                onClick={() => handleNavigation(subItem.link)}
+                                sx={{ display: "block" }}
+                                disableRipple
+                              >
+                                {subItem.title}
+                              </Button>
+                            )))}
+                          </Box>
+                        </>
+                      ) : (
+                        item.title
                       )}
-                      sx={{ display: "block" }}
-                      disableRipple
-                    >
-                      View Public Profile
                     </Button>
-                    <div className={styles.divider} />
+                    ),
+                  )}
+                </Box>
+                {isLoggedUser ? (
+                  <Box
+                    maxWidth="15%"
+                    sx={{
+                      display: {
+                        xs: "none",
+                        md: isSearchBarOpen ? "none" : "flex",
+                      },
+                      justifyContent: "flex-end",
+                      marginLeft: "auto",
+                    }}
+                  >
                     <Button
-                      className={styles.dropdownMenuOption}
-                      sx={{ display: "block" }}
-                      onClick={onClickLogout}
+                      className={`${styles.navbarOption}`}
+                      sx={{ my: 2, display: "block" }}
                       disableRipple
                     >
-                      Log out
+                      My Account
+                      <ArrowDropDownIcon className={styles.arrowDownIcon} />
+                      <Box className={styles.dropDownMenu}>
+                        <Button
+                          className={styles.dropdownMenuOption}
+                          onClick={() => handleNavigation("/profile/")}
+                          sx={{ display: "block" }}
+                          disableRipple
+                        >
+                          Edit Profile
+                        </Button>
+                        <Button
+                          className={styles.dropdownMenuOption}
+                          onClick={() => handleNavigation(
+                            `/community/members/profile/${
+                              member.id
+                            }/${`${member.first_name.toLowerCase()}-${member.last_name.toLowerCase()}`}`,
+                          )}
+                          sx={{ display: "block" }}
+                          disableRipple
+                        >
+                          View Public Profile
+                        </Button>
+                        <div className={styles.divider} />
+                        <Button
+                          className={styles.dropdownMenuOption}
+                          sx={{ display: "block" }}
+                          onClick={onClickLogout}
+                          disableRipple
+                        >
+                          Log out
+                        </Button>
+                      </Box>
                     </Button>
                   </Box>
-                </Button>
-              </Box>
-            ) : (
-              <Box
-                maxWidth="15%"
-                sx={{
-                  display: {
-                    xs: "none",
-                    md: isSearchBarOpen ? "none" : "flex",
-                  },
-                  justifyContent: "flex-end",
-                  marginLeft: "auto",
-                }}
-              >
-                <Button
-                  className={`${styles.navbarOption} ${styles.join}`}
-                  sx={{ my: 2, display: "block" }}
-                  disableRipple
-                >
-                  Join
-                  <ArrowDropDownIcon className={styles.arrowDownIcon} />
-                  <Box className={styles.dropDownMenu}>
-                    <Button
-                      className={styles.dropdownMenuOption}
-                      onClick={() => handleNavigation("https://openinfra.dev/join")}
-                      sx={{ display: "block" }}
-                      disableRipple
-                    >
-                      Sign up for Foundation Membership
-                    </Button>
+                ) : (
+                  <Box
+                    maxWidth="15%"
+                    sx={{
+                      display: {
+                        xs: "none",
+                        md: isSearchBarOpen ? "none" : "flex",
+                      },
+                      justifyContent: "flex-end",
+                      marginLeft: "auto",
+                    }}
+                  >
                     <Button
-                      className={styles.dropdownMenuOption}
-                      onClick={() => handleNavigation("https://openinfra.dev/join")}
-                      sx={{ display: "block" }}
+                      className={`${styles.navbarOption} ${styles.join}`}
+                      sx={{ my: 2, display: "block" }}
                       disableRipple
                     >
-                      Sponsor the Foundation
+                      Join
+                      <ArrowDropDownIcon className={styles.arrowDownIcon} />
+                      <Box className={styles.dropDownMenu}>
+                        <Button
+                          className={styles.dropdownMenuOption}
+                          onClick={() => handleNavigation("https://openinfra.dev/join")}
+                          sx={{ display: "block" }}
+                          disableRipple
+                        >
+                          Sign up for Foundation Membership
+                        </Button>
+                        <Button
+                          className={styles.dropdownMenuOption}
+                          onClick={() => handleNavigation("https://openinfra.dev/join")}
+                          sx={{ display: "block" }}
+                          disableRipple
+                        >
+                          Sponsor the Foundation
+                        </Button>
+                        <Button
+                          className={styles.dropdownMenuOption}
+                          onClick={() => handleNavigation("https://openinfra.dev")}
+                          sx={{ display: "block" }}
+                          disableRipple
+                        >
+                          More about the Foundation
+                        </Button>
+                      </Box>
                     </Button>
                     <Button
-                      className={styles.dropdownMenuOption}
-                      onClick={() => handleNavigation("https://openinfra.dev")}
-                      sx={{ display: "block" }}
+                      className={`${styles.navbarOption} ${styles.login}`}
+                      onClick={() => doLogin("/")}
+                      sx={{ my: 2, display: "block" }}
                       disableRipple
                     >
-                      More about the Foundation
+                      Log in
                     </Button>
                   </Box>
-                </Button>
-                <Button
-                  className={`${styles.navbarOption} ${styles.login}`}
-                  onClick={() => doLogin("/")}
-                  sx={{ my: 2, display: "block" }}
-                  disableRipple
+                )}
+              </Toolbar>
+              <Box
+                className={`${styles.openstackSearchBarMobile} openstack-search-bar ossw-mobile`}
+                sx={{
+                  visibility: {
+                    xs: isMobileMenuOpen ? "visible" : "hidden",
+                    md: "hidden",
+                  },
+                  opacity: { xs: isMobileMenuOpen ? "1" : "0", md: "0" },
+                  height: { xs: isMobileMenuOpen ? "auto" : 0, md: 0 },
+                  color: "#8a959e",
+                }}
+                data-baseurl={getEnvVariable(SEARCH_WIDGET_BASE_URL)}
+                data-context="www-openstack"
+              />
+              {isMobileMenuOpen && (
+                <Box
+                  className={styles.navbarMobileMenu}
+                  sx={{
+                    display: { xs: "flex", md: "none" },
+                  }}
                 >
-                  Log in
-                </Button>
-              </Box>
-            )}
-          </Toolbar>
-          <Box
-            className={`${styles.openstackSearchBarMobile} openstack-search-bar ossw-mobile`}
-            sx={{
-              visibility: {
-                xs: isMobileMenuOpen ? "visible" : "hidden",
-                md: "hidden",
-              },
-              opacity: { xs: isMobileMenuOpen ? "1" : "0", md: "0" },
-              height: { xs: isMobileMenuOpen ? "auto" : 0, md: 0 },
-              color: "#8a959e",
-            }}
-            data-baseurl={getEnvVariable(SEARCH_WIDGET_BASE_URL)}
-            data-context="www-openstack"
-          />
-          {isMobileMenuOpen && (
-            <Box
-              className={styles.navbarMobileMenu}
-              sx={{
-                display: { xs: "flex", md: "none" },
-              }}
-            >
-              {navbarContent.items.map(
-                (item) => item.display && (
-                <>
-                  <Button
-                    disableRipple
-                    className={styles.mobileOption}
-                    key={`${item.title}-mobile`}
-                    onClick={() => handleSetActiveMenu(item.title)}
-                  >
-                    {item.title}
-                    {item.items?.length > 0
-                          && (item.title === navbarMenu ? (
-                            <RemoveIcon aria-hidden="true" />
-                          ) : (
-                            <AddIcon aria-hidden="true" />
-                          ))}
-                  </Button>
-                  {item.items?.length > 0 && item.title === navbarMenu && (
-                  <Box className={styles.mobileDropdownMenu}>
-                    {item.items.map((subItem) => (!subItem.title && !subItem.link ? (
-                      <div className={styles.divider} />
-                    ) : (
+                  {navbarContent.items.map(
+                    (item) => item.display && (
+                    <>
                       <Button
-                        className={styles.mobileDropdownOption}
-                        key={subItem.title}
-                        onClick={() => handleNavigation(subItem.link)}
-                        sx={{ display: "block" }}
                         disableRipple
+                        className={styles.mobileOption}
+                        key={`${item.title}-mobile`}
+                        onClick={() => handleSetActiveMenu(item.title)}
                       >
-                        {subItem.title}
+                        {item.title}
+                        {item.items?.length > 0
+                              && (item.title === navbarMenu ? (
+                                <RemoveIcon aria-hidden="true" />
+                              ) : (
+                                <AddIcon aria-hidden="true" />
+                              ))}
                       </Button>
-                    )))}
-                  </Box>
+                      {item.items?.length > 0
+                            && item.title === navbarMenu && (
+                              <Box className={styles.mobileDropdownMenu}>
+                                {item.items.map((subItem) => (!subItem.title && !subItem.link ? (
+                                  <div className={styles.divider} />
+                                ) : (
+                                  <Button
+                                    className={styles.mobileDropdownOption}
+                                    key={subItem.title}
+                                    onClick={() => handleNavigation(subItem.link)}
+                                    sx={{ display: "block" }}
+                                    disableRipple
+                                  >
+                                    {subItem.title}
+                                  </Button>
+                                )))}
+                              </Box>
+                      )}
+                    </>
+                    ),
                   )}
-                </>
-                ),
-              )}
-              {isLoggedUser ? (
-                <>
-                  <Button
-                    className={styles.mobileOption}
-                    onClick={() => handleSetActiveMenu("My Account")}
-                    disableRipple
-                  >
-                    My Account
-                    {navbarMenu === "My Account" ? (
-                      <RemoveIcon aria-hidden="true" />
-                    ) : (
-                      <AddIcon aria-hidden="true" />
-                    )}
-                  </Button>
-                  {navbarMenu === "My Account" && (
-                    <Box className={styles.mobileDropdownMenu}>
+                  {isLoggedUser ? (
+                    <>
                       <Button
-                        className={styles.mobileDropdownOption}
-                        onClick={() => handleNavigation("/profile/")}
-                        sx={{ display: "block" }}
+                        className={styles.mobileOption}
+                        onClick={() => handleSetActiveMenu("My Account")}
                         disableRipple
                       >
-                        Edit Profile
-                      </Button>
-                      <Button
-                        className={styles.mobileDropdownOption}
-                        onClick={() => handleNavigation(
-                          `/community/members/profile/${
-                            member.id
-                          }/${`${member.first_name.toLowerCase()}-${member.last_name.toLowerCase()}`}`,
+                        My Account
+                        {navbarMenu === "My Account" ? (
+                          <RemoveIcon aria-hidden="true" />
+                        ) : (
+                          <AddIcon aria-hidden="true" />
                         )}
-                        sx={{ display: "block" }}
-                        disableRipple
-                      >
-                        View Public Profile
-                      </Button>
-                      <div className={styles.divider} />
-                      <Button
-                        className={styles.mobileDropdownOption}
-                        sx={{ display: "block" }}
-                        onClick={onClickLogout}
-                        disableRipple
-                      >
-                        Log out
-                      </Button>
-                    </Box>
-                  )}
-                </>
-              ) : (
-                <Box>
-                  <Button
-                    className={`${styles.navbarOption} ${styles.join}`}
-                    sx={{ my: 2, display: "block" }}
-                    disableRipple
-                  >
-                    Join
-                    <ArrowDropDownIcon className={styles.arrowDownIcon} />
-                    <Box className={styles.dropDownMenu}>
-                      <Button
-                        className={styles.dropdownMenuOption}
-                        onClick={() => handleNavigation("https://openinfra.dev/join")}
-                        sx={{ display: "block" }}
-                        disableRipple
-                      >
-                        Sign up for Foundation Membership
                       </Button>
+                      {navbarMenu === "My Account" && (
+                        <Box className={styles.mobileDropdownMenu}>
+                          <Button
+                            className={styles.mobileDropdownOption}
+                            onClick={() => handleNavigation("/profile/")}
+                            sx={{ display: "block" }}
+                            disableRipple
+                          >
+                            Edit Profile
+                          </Button>
+                          <Button
+                            className={styles.mobileDropdownOption}
+                            onClick={() => handleNavigation(
+                              `/community/members/profile/${
+                                member.id
+                              }/${`${member.first_name.toLowerCase()}-${member.last_name.toLowerCase()}`}`,
+                            )}
+                            sx={{ display: "block" }}
+                            disableRipple
+                          >
+                            View Public Profile
+                          </Button>
+                          <div className={styles.divider} />
+                          <Button
+                            className={styles.mobileDropdownOption}
+                            sx={{ display: "block" }}
+                            onClick={onClickLogout}
+                            disableRipple
+                          >
+                            Log out
+                          </Button>
+                        </Box>
+                      )}
+                    </>
+                  ) : (
+                    <Box>
                       <Button
-                        className={styles.dropdownMenuOption}
-                        onClick={() => handleNavigation("https://openinfra.dev/join")}
-                        sx={{ display: "block" }}
+                        className={`${styles.navbarOption} ${styles.join}`}
+                        sx={{ my: 2, display: "block" }}
                         disableRipple
                       >
-                        Sponsor the Foundation
+                        Join
+                        <ArrowDropDownIcon className={styles.arrowDownIcon} />
+                        <Box className={styles.dropDownMenu}>
+                          <Button
+                            className={styles.dropdownMenuOption}
+                            onClick={() => handleNavigation("https://openinfra.dev/join")}
+                            sx={{ display: "block" }}
+                            disableRipple
+                          >
+                            Sign up for Foundation Membership
+                          </Button>
+                          <Button
+                            className={styles.dropdownMenuOption}
+                            onClick={() => handleNavigation("https://openinfra.dev/join")}
+                            sx={{ display: "block" }}
+                            disableRipple
+                          >
+                            Sponsor the Foundation
+                          </Button>
+                          <Button
+                            className={styles.dropdownMenuOption}
+                            onClick={() => handleNavigation("https://openinfra.dev")}
+                            sx={{ display: "block" }}
+                            disableRipple
+                          >
+                            More about the Foundation
+                          </Button>
+                        </Box>
                       </Button>
                       <Button
-                        className={styles.dropdownMenuOption}
-                        onClick={() => handleNavigation("https://openinfra.dev")}
-                        sx={{ display: "block" }}
+                        className={`${styles.navbarOption} ${styles.login}`}
+                        onClick={() => doLogin("/")}
+                        sx={{ my: 2, display: "block" }}
                         disableRipple
                       >
-                        More about the Foundation
+                        Log in
                       </Button>
                     </Box>
-                  </Button>
-                  <Button
-                    className={`${styles.navbarOption} ${styles.login}`}
-                    onClick={() => doLogin("/")}
-                    sx={{ my: 2, display: "block" }}
-                    disableRipple
-                  >
-                    Log in
-                  </Button>
+                  )}
                 </Box>
               )}
-            </Box>
-          )}
-        </Container>
-      </AppBar>
-    </nav>
+            </Container>
+          </AppBar>
+        </nav>
+      )}
+    </>
   );
 }
 

package/src/components/Seo.js

@@ -26,7 +26,7 @@ function Seo({
     url: buildUrl(scheme, host, pathname),
     image: host && image ? buildUrl(scheme, host, getSrc(image)) : null,
   };
-  console.log("SEO", seo);
+
   return (
     <>
       {seo.title && <title>{seo.title}</title>}

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

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

package/src/state/ReduxWrapper.js

@@ -1,39 +1,12 @@
 import * as React from "react";
 import { Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
-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");
-
-  if (flush) {
-    // store.dispatch({ type: RESET_STATE, payload: null });
-  }
-};
 
 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 persistor={persistor}>{() => element}</PersistGate>
     </Provider>
   );
 }

package/src/state/store.js

@@ -21,13 +21,11 @@ const states = {
   loggedUserState: reducers.loggedUserReducer,
 };
 
-const appendLoggedUser = () => (next) => (action) => next(action);
-
 const composeEnhancers = typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
   ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
   : compose;
 
-const enhancer = composeEnhancers(applyMiddleware(appendLoggedUser, thunk));
+const enhancer = composeEnhancers(applyMiddleware(thunk));
 
 // Create store with persistor
 export const { store, persistor } = (() => {

package/src/state/storage.js

@@ -1,21 +0,0 @@
-import createWebStorage from "redux-persist/lib/storage/createWebStorage";
-// create a mock storage for SSR
-const createNoopStorage = () => {
-    return {
-        getItem(_key) {
-            return Promise.resolve(null);
-        },
-        setItem(_key, value) {
-            return Promise.resolve(value);
-        },
-        removeItem(_key) {
-            return Promise.resolve();
-        },
-    };
-};
-
-// and set the proper storege depending if we are in browser side or SSR side
-//  because you cannot create the local storage in Node.js
-const storage = typeof window !== "undefined" ? createWebStorage("local") : createNoopStorage();
-
-export default storage;