lsusage-fix

src/components/Article/CommentsTree.tsx

@@ -53,7 +53,7 @@ export const CommentsTree = (props: Props) => {
   const { seen } = useFeed()
   const shoutLastSeen = createMemo(() => seen()[props.shoutSlug] ?? 0)
   const currentDate = new Date()
-  const setCookie = () => localStorage.setItem(`${props.shoutSlug}`, `${currentDate}`)
+  const setCookie = () => localStorage?.setItem(`${props.shoutSlug}`, `${currentDate}`)
 
   onMount(() => {
     if (!shoutLastSeen()) {

src/components/_shared/DarkModeToggle/DarkModeToggle.tsx

@@ -10,7 +10,7 @@ type Props = {
   class?: string
 }
 
-const editorDarkModeSelected = localStorage.getItem('editorDarkMode')
+const editorDarkModeSelected = localStorage?.getItem('editorDarkMode')
 const editorDarkModeAttr = document.documentElement.getAttribute('editorDarkMode')
 
 export const DarkModeToggle = (props: Props) => {
@@ -27,7 +27,7 @@ export const DarkModeToggle = (props: Props) => {
     }
 
     if (!(editorDarkModeAttr || editorDarkModeSelected)) {
-      localStorage.setItem('editorDarkMode', 'false')
+      localStorage?.setItem('editorDarkMode', 'false')
       document.documentElement.dataset.editorDarkMode = 'false'
     }
 
@@ -39,7 +39,7 @@ export const DarkModeToggle = (props: Props) => {
 
   const handleSwitchTheme = () => {
     setEditorDarkMode(!editorDarkMode())
-    localStorage.setItem('editorDarkMode', editorDarkMode() ? 'true' : 'false')
+    localStorage?.setItem('editorDarkMode', editorDarkMode() ? 'true' : 'false')
     document.documentElement.dataset.editorDarkMode = editorDarkMode() ? 'true' : 'false'
   }
 

src/context/editor.tsx

@@ -67,14 +67,14 @@ const topic2topicInput = (topic: Topic): TopicInput => {
 }
 
 const saveDraftToLocalStorage = (formToSave: ShoutForm) => {
-  localStorage.setItem(`shout-${formToSave.shoutId}`, JSON.stringify(formToSave))
+  localStorage?.setItem(`shout-${formToSave.shoutId}`, JSON.stringify(formToSave))
 }
 const getDraftFromLocalStorage = (shoutId: number) => {
-  return JSON.parse(localStorage.getItem(`shout-${shoutId}`) || '{}')
+  return JSON.parse(localStorage?.getItem(`shout-${shoutId}`) || '{}')
 }
 
 const removeDraftFromLocalStorage = (shoutId: number) => {
-  localStorage.removeItem(`shout-${shoutId}`)
+  localStorage?.removeItem(`shout-${shoutId}`)
 }
 
 export const EditorProvider = (props: { children: JSX.Element }) => {

src/context/localize.tsx

@@ -47,7 +47,7 @@ export const LocalizeProvider = (props: { children: JSX.Element }) => {
   })
   createEffect(
     on(lang, (lng: Language) => {
-      localStorage.setItem('lng', lng || 'ru')
+      localStorage?.setItem('lng', lng || 'ru')
       i18next.changeLanguage(lng || 'ru')
     })
   )

src/context/session.tsx

@@ -159,7 +159,7 @@ export const SessionProvider = (props: {
         clearSearchParams()
         // Set session expiration time in local storage
         const expires_at = new Date(Date.now() + s.data.expires_in * 1000)
-        localStorage.setItem('expires_at', `${expires_at.getTime()}`)
+        localStorage?.setItem('expires_at', `${expires_at.getTime()}`)
 
         // Set up session expiration check timer
         minuteLater = setTimeout(checkSessionIsExpired, 60 * 1000)
@@ -191,7 +191,7 @@ export const SessionProvider = (props: {
   })
 
   const checkSessionIsExpired = () => {
-    const expires_at_data = localStorage.getItem('expires_at')
+    const expires_at_data = localStorage?.getItem('expires_at')
 
     if (expires_at_data) {
       const expires_at = Number.parseFloat(expires_at_data)