kylefang/web
1
0
Fork 0
mirror of https://github.com/placeholder-soft/web.git synced 2026-01-12 22:45:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add buildathon participant SBT badge (#833)

Browse Source
This commit is contained in:
Matthew Bunday
2024-08-13 16:29:37 -04:00
committed by GitHub
parent 4e18f3090e
commit 00a2522402
7 changed files with 37 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web/src/abis/BuildathonSBT.ts Normal file
View File

@@ -0,0 +1,9 @@
export default [
{
inputs: [{ internalType: 'address', name: 'owner', type: 'address' }],
name: 'balanceOf',
outputs: [{ internalType: 'uint256', name: '', type: 'uint256' }],
stateMutability: 'view',
type: 'function',
},
] as const;

4
apps/web/src/components/Basenames/UsernameProfileSectionBadges/Badges/index.tsx
View File

@@ -1,6 +1,6 @@
import { CoinbaseVerifications } from 'apps/web/src/hooks/useCoinbaseVerifications';
import { CoinbaseVerifications } from '../hooks/useCoinbaseVerifications';
import { StaticImageData } from 'next/dist/shared/lib/get-img-props';
import { GuildBadges } from 'apps/web/src/hooks/useBaseGuild';
import { GuildBadges } from '../hooks/useBaseGuild';
// image imports
import verifiedIdentity from './images/verifiedIdentity.webp';

0
apps/web/src/hooks/useBaseGuild.ts → apps/web/src/components/Basenames/UsernameProfileSectionBadges/hooks/useBaseGuild.ts
View File

19
apps/web/src/components/Basenames/UsernameProfileSectionBadges/hooks/useBuildathonParticipant.ts Normal file
View File

@@ -0,0 +1,19 @@
import { useReadContract } from 'wagmi';
import BuildathonSBT from 'apps/web/src/abis/BuildathonSBT';
const PARTICIPANT_SBT_ADDRESS = '0x59ca61566C03a7Fb8e4280d97bFA2e8e691DA3a6';
export default function useBuildathonParticipant(address?: `0x${string}`): boolean {
const { data: balanceOf } = useReadContract({
address: PARTICIPANT_SBT_ADDRESS,
abi: BuildathonSBT,
functionName: 'balanceOf',
args: [address ?? '0x'],
query: {
enabled: !!address,
},
});
if (!balanceOf) return false;
return balanceOf > 0;
}

0
apps/web/src/hooks/useCoinbaseVerifications.ts → apps/web/src/components/Basenames/UsernameProfileSectionBadges/hooks/useCoinbaseVerifications.ts
View File

0
apps/web/src/hooks/useTalentProtocol.ts → apps/web/src/components/Basenames/UsernameProfileSectionBadges/hooks/useTalentProtocol.ts
View File

12
apps/web/src/components/Basenames/UsernameProfileSectionBadges/index.tsx
View File

@@ -5,9 +5,10 @@ import {
BadgeNames,
} from 'apps/web/src/components/Basenames/UsernameProfileSectionBadges/Badges';
import UsernameProfileSectionTitle from 'apps/web/src/components/Basenames/UsernameProfileSectionTitle';
import { useBaseGuild } from 'apps/web/src/hooks/useBaseGuild';
import { useCoinbaseVerification } from 'apps/web/src/hooks/useCoinbaseVerifications';
import { useTalentProtocol } from 'apps/web/src/hooks/useTalentProtocol';
import { useBaseGuild } from './hooks/useBaseGuild';
import { useCoinbaseVerification } from './hooks/useCoinbaseVerifications';
import { useTalentProtocol } from './hooks/useTalentProtocol';
import useBuildathonParticipant from './hooks/useBuildathonParticipant';
import { useMemo } from 'react';
function BadgesLoop({
@@ -68,10 +69,11 @@ function BuilderSection() {
const { profileAddress, currentWalletIsOwner } = useUsernameProfile();
const { badges, empty } = useBaseGuild(profileAddress);
const talentScore = useTalentProtocol(profileAddress);
const buildathonParticipant = useBuildathonParticipant(profileAddress);
const combinedBadges = useMemo(
() => ({ ...badges, TALENT_SCORE: talentScore }),
[badges, talentScore],
() => ({ ...badges, TALENT_SCORE: talentScore, BUILDATHON_PARTICIPANT: buildathonParticipant }),
[badges, talentScore, buildathonParticipant],
);
const combinedEmpty = empty && !talentScore;