review / cleanup

src/Element/Avatar.tsx

@@ -4,20 +4,14 @@ import { CSSProperties, useEffect, useState } from "react";
 import type { UserMetadata } from "Nostr";
 import useImgProxy from "Feed/ImgProxy";
 
-const Avatar = ({
-  user,
-  ...rest
-}: {
-  user?: UserMetadata;
-  onClick?: () => void;
-}) => {
+const Avatar = ({ user, ...rest }: { user?: UserMetadata; onClick?: () => void }) => {
   const [url, setUrl] = useState<string>(Nostrich);
   const { proxy } = useImgProxy();
 
   useEffect(() => {
     if (user?.picture) {
       proxy(user.picture, 120)
-        .then((a) => setUrl(a))
+        .then(a => setUrl(a))
         .catch(console.warn);
     }
   }, [user]);
@@ -25,14 +19,7 @@ const Avatar = ({
   const backgroundImage = `url(${url})`;
   const style = { "--img-url": backgroundImage } as CSSProperties;
   const domain = user?.nip05 && user.nip05.split("@")[1];
-  return (
-    <div
-      {...rest}
-      style={style}
-      className="avatar"
-      data-domain={domain?.toLowerCase()}
-    ></div>
-  );
+  return <div {...rest} style={style} className="avatar" data-domain={domain?.toLowerCase()}></div>;
 };
 
 export default Avatar;