trycatchkamal/snort
1
0
Fork 0
forked from Kieran/snort
Code Pull Requests Activity

useMemo in Avatar

Browse Source
This commit is contained in:
Martti Malmi 2024-01-02 00:25:44 +02:00
parent 13fc3bb843
commit 4bbad0563b
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app/src/Element/User/Avatar.tsx
View File

@ -1,6 +1,6 @@
import "./Avatar.css";
import { ReactNode, useEffect, useState } from "react";
import {ReactNode, useMemo} from "react";
import type { UserMetadata } from "@snort/system";
import classNames from "classnames";
@ -31,10 +31,8 @@ const Avatar = ({
className,
showTitle = true,
}: AvatarProps) => {
const [url, setUrl] = useState("");
useEffect(() => {
setUrl(image ?? user?.picture ?? defaultAvatar(pubkey));
const url = useMemo(() => {
return image ?? user?.picture ?? defaultAvatar(pubkey);
}, [user, image, pubkey]);
const s = size ?? 120;