From 47622f996bb9de335a04c9cb32c16395b15b6c22 Mon Sep 17 00:00:00 2001
From: Untone <anton.rewin@gmail.com>
Date: Sat, 6 Jul 2024 04:35:03 +0300
Subject: [PATCH] lsusage-fix

---
 src/components/Article/CommentsTree.tsx                  | 2 +-
 src/components/_shared/DarkModeToggle/DarkModeToggle.tsx | 6 +++---
 src/context/editor.tsx                                   | 6 +++---
 src/context/localize.tsx                                 | 2 +-
 src/context/session.tsx                                  | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/Article/CommentsTree.tsx b/src/components/Article/CommentsTree.tsx
index da61ce66..d8ab01f3 100644
--- a/src/components/Article/CommentsTree.tsx
+++ b/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()) {
diff --git a/src/components/_shared/DarkModeToggle/DarkModeToggle.tsx b/src/components/_shared/DarkModeToggle/DarkModeToggle.tsx
index e3fd15e6..ed86655e 100644
--- a/src/components/_shared/DarkModeToggle/DarkModeToggle.tsx
+++ b/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'
   }
 
diff --git a/src/context/editor.tsx b/src/context/editor.tsx
index 8f93af77..0462db5c 100644
--- a/src/context/editor.tsx
+++ b/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 }) => {
diff --git a/src/context/localize.tsx b/src/context/localize.tsx
index 36d8f96f..db4f93f0 100644
--- a/src/context/localize.tsx
+++ b/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')
     })
   )
diff --git a/src/context/session.tsx b/src/context/session.tsx
index 12332a4c..c3e8fa87 100644
--- a/src/context/session.tsx
+++ b/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)