rename

packages/app/src/Element/ProfileImage.tsx

@@ -8,7 +8,7 @@ import Avatar from "Element/Avatar";
 import Nip05 from "Element/Nip05";
 import { HexKey } from "@snort/nostr";
 import { MetadataCache } from "State/Users";
-import useClientWidth from "Hooks/useClientWidth";
+import usePageWidth from "Hooks/usePageWidth";
 
 export interface ProfileImageProps {
   pubkey: HexKey;

packages/app/src/Hooks/usePageWidth.tsx

@@ -0,0 +1,20 @@
+import { useRef, useState, useEffect } from "react";
+
+export default function usePageWidth() {
+  const ref = useRef<HTMLDivElement | null>(document.querySelector(".page"));
+  const [width, setWidth] = useState(0);
+
+  useEffect(() => {
+    const updateSize = () => {
+      if (ref.current) {
+        setWidth(ref.current.offsetWidth);
+      }
+    };
+
+    window.addEventListener("resize", updateSize);
+    updateSize();
+    return () => window.removeEventListener("resize", updateSize);
+  }, [ref]);
+
+  return width;
+}