From 0cb56870a4b46d0652235221bf53b514a96c70ec Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Sat, 19 Aug 2023 22:59:49 +0100
Subject: [PATCH] Show title on avatar

---
 packages/app/src/Element/Avatar.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/Element/Avatar.tsx b/packages/app/src/Element/Avatar.tsx
index b6b30a18..a92c7fd1 100644
--- a/packages/app/src/Element/Avatar.tsx
+++ b/packages/app/src/Element/Avatar.tsx
@@ -5,6 +5,7 @@ import { CSSProperties, useEffect, useState } from "react";
 import type { UserMetadata } from "@snort/system";
 
 import useImgProxy from "Hooks/useImgProxy";
+import { getDisplayName } from "Element/ProfileImage";
 
 interface AvatarProps {
   user?: UserMetadata;
@@ -27,7 +28,14 @@ const Avatar = ({ user, size, onClick }: AvatarProps) => {
   const backgroundImage = `url(${url})`;
   const style = { "--img-url": backgroundImage } as CSSProperties;
   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;