The weeb for the next gen discord boat - Wamellow wamellow.com
bot discord
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: window resize handling (#62)

* feat: window resize handling

* fix: call handleResize on mount

authored by

Luna Seemann and committed by
GitHub
efb791c4 d8c8e85b

+13 -5
+1 -1
common/webstore.ts common/window.ts
··· 4 4 width: number; 5 5 } 6 6 7 - export const webStore = create<Web>(() => ({ 7 + export const useWindow = create<Web>(() => ({ 8 8 width: Infinity 9 9 }));
+12 -4
components/header.tsx
··· 2 2 3 3 import type { User } from "@/common/user"; 4 4 import { userStore } from "@/common/user"; 5 - import { webStore } from "@/common/webstore"; 5 + import { useWindow } from "@/common/window"; 6 6 import { LoginButton } from "@/components/login-button"; 7 7 import { UserAvatar } from "@/components/ui/avatar"; 8 8 import { ··· 37 37 if (!u) return; 38 38 userStore.setState(u); 39 39 }); 40 + }, []); 40 41 41 - webStore.setState({ 42 - width: window?.innerWidth 43 - }); 42 + useEffect(() => { 43 + const handleResize = () => { 44 + useWindow.setState({ 45 + width: window?.innerWidth 46 + }); 47 + }; 48 + 49 + handleResize(); 50 + window.addEventListener("resize", handleResize); 51 + return () => window.removeEventListener("resize", handleResize); 44 52 }, []); 45 53 46 54 if (state === State.Failure) {