The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
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
+1
-1
common/webstore.ts
common/window.ts
+12
-4
components/header.tsx
+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) {