Add guard to localStorage access, to avoid SSR violations in CI build

quarkusio · May 16, 2024 · e03d2b7 · e03d2b7
1 parent 48bd6c1
commit e03d2b7
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/components/util/dark-mode-helper.js b/src/components/util/dark-mode-helper.js
@@ -8,18 +8,22 @@ const dark = "dark"
 const system = "system"
 
 export function getDisplayModeFromLocalStorageNoDefault() {
-  return localStorage.getItem(localStorageKey)
+  if (typeof localStorage !== `undefined`) {
+    return localStorage.getItem(localStorageKey)
+  }
 }
 
 export const getDisplayModeFromLocalStorage = () => {
   return getDisplayModeFromLocalStorageNoDefault() || light
 }
 
 function adjustCssClasses(storedTheme) {
-  if (storedTheme === dark || (storedTheme === system && prefersDarkMode())) {
-    document.documentElement.classList.add(dark)
-  } else {
-    document.documentElement.classList.remove(dark)
+  if (typeof document !== `undefined`) {
+    if (storedTheme === dark || (storedTheme === system && prefersDarkMode())) {
+      document.documentElement.classList.add(dark)
+    } else {
+      document.documentElement.classList.remove(dark)
+    }
   }
 }
 
@@ -29,8 +33,10 @@ export const initialiseDisplayModeFromLocalStorage = () => {
 }
 
 export const setDisplayMode = (newTheme) => {
-  localStorage.setItem(localStorageKey, newTheme)
-  adjustCssClasses(newTheme)
-  const themeMetadata = document.querySelector("meta[name=\"theme-color\"]")
-  if (themeMetadata) themeMetadata.content = newTheme
+  if (typeof localStorage !== `undefined`) {
+    localStorage.setItem(localStorageKey, newTheme)
+    adjustCssClasses(newTheme)
+    const themeMetadata = document.querySelector("meta[name=\"theme-color\"]")
+    if (themeMetadata) themeMetadata.content = newTheme
+  }
 }