refactor

src/shared/accounts/inactive.tsx

@@ -1,15 +1,16 @@
 import { Image } from "@shared/image";
 
 import { DEFAULT_AVATAR } from "@stores/constants";
+import { useProfile } from "@utils/hooks/useProfile";
 
-export default function InactiveAccount({ user }: { user: any }) {
-	const userData = JSON.parse(user.metadata);
+export default function InactiveAccount({ data }: { data: any }) {
+	const { user } = useProfile(data.npub);
 
 	return (
 		<div className="relative h-11 w-11 shrink rounded-md">
 			<Image
-				src={userData.picture || DEFAULT_AVATAR}
-				alt="user's avatar"
+				src={user?.picture || DEFAULT_AVATAR}
+				alt={data.npub}
 				className="h-11 w-11 rounded-lg object-cover"
 			/>
 		</div>