Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show title on avatar

Browse Source
This commit is contained in:
Kieran 2023-08-19 22:59:49 +01:00
parent fe9cc3495a
commit 0cb56870a4
No known key found for this signature in database
GPG Key ID: DE71CEB3925BE941
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app/src/Element/Avatar.tsx
View File

@ -5,6 +5,7 @@ import { CSSProperties, useEffect, useState } from "react";
import type { UserMetadata } from "@snort/system"; import type { UserMetadata } from "@snort/system";
import useImgProxy from "Hooks/useImgProxy"; import useImgProxy from "Hooks/useImgProxy";
import { getDisplayName } from "Element/ProfileImage";
interface AvatarProps { interface AvatarProps {
user?: UserMetadata; user?: UserMetadata;
@ -27,7 +28,14 @@ const Avatar = ({ user, size, onClick }: AvatarProps) => {
const backgroundImage = `url(${url})`; const backgroundImage = `url(${url})`;
const style = { "--img-url": backgroundImage } as CSSProperties; const style = { "--img-url": backgroundImage } as CSSProperties;
const domain = user?.nip05 && user.nip05.split("@")[1]; const domain = user?.nip05 && user.nip05.split("@")[1];
return <div onClick={onClick} style={style} className="avatar" data-domain={domain?.toLowerCase()}></div>; return (
<div
onClick={onClick}
style={style}
className="avatar"
data-domain={domain?.toLowerCase()}
title={getDisplayName(user, "")}></div>
);
}; };
export default Avatar; export default Avatar;