fix: window not defined in ssr

anse-app · May 10, 2023 · d83c17c · d83c17c
1 parent 5add915
commit d83c17c
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
@@ -1,13 +1,16 @@
+import { onMount } from 'solid-js'
 import { scrollController, showConversationSidebar, showSettingsSidebar } from '@/stores/ui'
 import { useLargeScreen } from '@/hooks'
 import ConversationHeaderInfo from './ConversationHeaderInfo'
 import ConversationMessageClearButton from './ConversationMessageClearButton'
 
 export default () => {
-  useLargeScreen(() => {
-    // bug: when click the setting btn, toggle moible or PC mode, the sidebar will not close
-    showConversationSidebar.set(false)
-    showSettingsSidebar.set(false)
+  onMount(() => {
+    useLargeScreen(() => {
+      // bug: when click the setting btn, toggle moible or PC mode, the sidebar will not close
+      showConversationSidebar.set(false)
+      showSettingsSidebar.set(false)
+    })
   })
   return (
     <header onDblClick={scrollController().scrollToTop} class="shrink-0 absolute top-0 left-0 right-0 fi justify-between bg-base-100 border-b border-base h-14 px-4">