diff --git a/src/common/components/ProfileInfo.tsx b/src/common/components/ProfileInfo.tsx index 97fdd722..bb94b94c 100644 --- a/src/common/components/ProfileInfo.tsx +++ b/src/common/components/ProfileInfo.tsx @@ -9,6 +9,7 @@ import { Badge } from '@/components/ui/badge'; import { take } from 'lodash'; import { formatDistanceToNow } from 'date-fns'; import { cn } from '@/lib/utils'; +import { formatLargeNumber } from '../helpers/text'; const priorityChannels = ['email', 'linkedin', 'telegram', 'twitter', 'github']; @@ -46,6 +47,7 @@ const ProfileInfo = ({

); }; + const renderSocialCapitalScore = () => profile?.airstackSocialInfo?.socialCapitalRank && ( @@ -73,6 +75,32 @@ const ProfileInfo = ({ + {profile?.airstackSocialInfo?.moxieEarnings && ( + <> +
+ + + + + {formatLargeNumber(profile?.airstackSocialInfo?.moxieEarnings)} + {' '} + Moxie earned + + + + Moxie is a community-owned and community-governed Farcaster protocol. Its mission is to grow the + Farcaster GDP. Learn more at{' '} + + moxie.xyz + + + + + )}
); @@ -133,7 +161,7 @@ const ProfileInfo = ({
{take(profile.coordinapeAttestations, 15).map((attestation) => ( 1 && 'pr-0 rounded-r-lg' diff --git a/src/common/helpers/airstack.ts b/src/common/helpers/airstack.ts index ae87053e..ffb56395 100644 --- a/src/common/helpers/airstack.ts +++ b/src/common/helpers/airstack.ts @@ -5,6 +5,7 @@ init(process.env.NEXT_PUBLIC_AIRSTACK_API_KEY!); export type AirstackSocialInfo = { socialCapitalRank: number; userCreatedAt: number; + moxieEarnings: number; }; export async function getAirstackSocialInfoForFid(fid: string): Promise { @@ -27,6 +28,13 @@ export async function getAirstackSocialInfoForFid(fid: string): Promise