rename
This commit is contained in:
parent
cca7c24770
commit
728472d7bc
@ -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;
|
||||
|
20
packages/app/src/Hooks/usePageWidth.tsx
Normal file
20
packages/app/src/Hooks/usePageWidth.tsx
Normal file
@ -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;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user