fix: window not defined in ssr

ddiu8081 · ddiu8081 · commit d83c17ccf43b · 2023-05-11T01:20:32.000+08:00
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">
