checkmark hover text
Some checks failed
continuous-integration/drone/push Build is failing
continuous-integration/drone/pr Build is failing

This commit is contained in:
Martti Malmi 2023-11-28 14:46:18 +02:00
parent 4d57cde8f0
commit 9749883cc1

View File

@ -11,17 +11,26 @@ interface FollowDistanceIndicatorProps {
export default function FollowDistanceIndicator({ pubkey, className }: FollowDistanceIndicatorProps) { export default function FollowDistanceIndicator({ pubkey, className }: FollowDistanceIndicatorProps) {
const followDistance = socialGraphInstance.getFollowDistance(pubkey); const followDistance = socialGraphInstance.getFollowDistance(pubkey);
let followDistanceColor = ""; let followDistanceColor = "";
let title = "";
if (followDistance <= 1) { if (followDistance === 0) {
title = "You";
followDistanceColor = "success"; followDistanceColor = "success";
} else if (followDistance === 2 && socialGraphInstance.followedByFriendsCount(pubkey) >= 10) { } else if (followDistance <= 1) {
followDistanceColor = "text-nostr-orange"; followDistanceColor = "success";
title = "Following";
} else if (followDistance === 2) {
const followedByFriendsCount = socialGraphInstance.followedByFriendsCount(pubkey);
if (followedByFriendsCount > 10) {
followDistanceColor = "text-nostr-orange";
}
title = `Followed by ${followedByFriendsCount} friends`;
} else if (followDistance > 2) { } else if (followDistance > 2) {
return null; return null;
} }
return ( return (
<span className={classNames("icon-circle", className)}> <span className={classNames("icon-circle", className)} title={title}>
<Icon name="check" className={followDistanceColor} size={10} /> <Icon name="check" className={followDistanceColor} size={10} />
</span> </span>
); );