From 5f7d2f18c7a2bcf4574383950003cd30965aacd5 Mon Sep 17 00:00:00 2001 From: selankon Date: Thu, 14 Mar 2024 09:27:34 -0500 Subject: [PATCH] Use gitcoin iconURI (#596) * Use gitcoin iconURI * Fix stampId --- public/shared/gitcoin/brightid.svg | 5 - public/shared/gitcoin/civic.svg | 1 - public/shared/gitcoin/coinbase.svg | 10 - public/shared/gitcoin/discord.svg | 10 - public/shared/gitcoin/ens.svg | 25 -- public/shared/gitcoin/ethereum.svg | 1 - public/shared/gitcoin/gitcoin.svg | 5 - public/shared/gitcoin/github.svg | 10 - public/shared/gitcoin/gnosisSafe.svg | 1 - public/shared/gitcoin/google.svg | 13 - public/shared/gitcoin/gtcStaking.svg | 5 - public/shared/gitcoin/guild.svg | 1 - public/shared/gitcoin/holonym.svg | 271 ------------------ public/shared/gitcoin/idena.svg | 14 - public/shared/gitcoin/lens.svg | 21 -- public/shared/gitcoin/linkedin.svg | 1 - public/shared/gitcoin/nft.svg | 9 - public/shared/gitcoin/passport.svg | 4 - public/shared/gitcoin/phi.svg | 13 - public/shared/gitcoin/poh.svg | 20 -- public/shared/gitcoin/snapshot.svg | 9 - public/shared/gitcoin/trustaLabs.svg | 1 - public/shared/gitcoin/twitter.svg | 10 - public/shared/gitcoin/zksync.svg | 1 - .../Census/Gitcoin/StampCard.tsx | 11 +- .../Census/Gitcoin/StampIcon.tsx | 136 +-------- .../ProcessCreate/Census/Gitcoin/index.tsx | 3 +- .../ProcessCreate/Confirm/CensusToken.tsx | 2 +- 28 files changed, 11 insertions(+), 602 deletions(-) delete mode 100644 public/shared/gitcoin/brightid.svg delete mode 100644 public/shared/gitcoin/civic.svg delete mode 100644 public/shared/gitcoin/coinbase.svg delete mode 100644 public/shared/gitcoin/discord.svg delete mode 100644 public/shared/gitcoin/ens.svg delete mode 100644 public/shared/gitcoin/ethereum.svg delete mode 100644 public/shared/gitcoin/gitcoin.svg delete mode 100644 public/shared/gitcoin/github.svg delete mode 100644 public/shared/gitcoin/gnosisSafe.svg delete mode 100644 public/shared/gitcoin/google.svg delete mode 100644 public/shared/gitcoin/gtcStaking.svg delete mode 100644 public/shared/gitcoin/guild.svg delete mode 100644 public/shared/gitcoin/holonym.svg delete mode 100644 public/shared/gitcoin/idena.svg delete mode 100644 public/shared/gitcoin/lens.svg delete mode 100644 public/shared/gitcoin/linkedin.svg delete mode 100644 public/shared/gitcoin/nft.svg delete mode 100644 public/shared/gitcoin/passport.svg delete mode 100644 public/shared/gitcoin/phi.svg delete mode 100644 public/shared/gitcoin/poh.svg delete mode 100644 public/shared/gitcoin/snapshot.svg delete mode 100644 public/shared/gitcoin/trustaLabs.svg delete mode 100644 public/shared/gitcoin/twitter.svg delete mode 100644 public/shared/gitcoin/zksync.svg diff --git a/public/shared/gitcoin/brightid.svg b/public/shared/gitcoin/brightid.svg deleted file mode 100644 index 85dceb23..00000000 --- a/public/shared/gitcoin/brightid.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/public/shared/gitcoin/civic.svg b/public/shared/gitcoin/civic.svg deleted file mode 100644 index 90e7fa69..00000000 --- a/public/shared/gitcoin/civic.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/shared/gitcoin/coinbase.svg b/public/shared/gitcoin/coinbase.svg deleted file mode 100644 index ebb8fede..00000000 --- a/public/shared/gitcoin/coinbase.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/public/shared/gitcoin/discord.svg b/public/shared/gitcoin/discord.svg deleted file mode 100644 index 3efe1ec1..00000000 --- a/public/shared/gitcoin/discord.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/public/shared/gitcoin/ens.svg b/public/shared/gitcoin/ens.svg deleted file mode 100644 index be951759..00000000 --- a/public/shared/gitcoin/ens.svg +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/public/shared/gitcoin/ethereum.svg b/public/shared/gitcoin/ethereum.svg deleted file mode 100644 index f48ba377..00000000 --- a/public/shared/gitcoin/ethereum.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/shared/gitcoin/gitcoin.svg b/public/shared/gitcoin/gitcoin.svg deleted file mode 100644 index 5cf00091..00000000 --- a/public/shared/gitcoin/gitcoin.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/public/shared/gitcoin/github.svg b/public/shared/gitcoin/github.svg deleted file mode 100644 index 7c427901..00000000 --- a/public/shared/gitcoin/github.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/public/shared/gitcoin/gnosisSafe.svg b/public/shared/gitcoin/gnosisSafe.svg deleted file mode 100644 index 60fd0c84..00000000 --- a/public/shared/gitcoin/gnosisSafe.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/shared/gitcoin/google.svg b/public/shared/gitcoin/google.svg deleted file mode 100644 index 57314c1e..00000000 --- a/public/shared/gitcoin/google.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/public/shared/gitcoin/gtcStaking.svg b/public/shared/gitcoin/gtcStaking.svg deleted file mode 100644 index dc56c1c3..00000000 --- a/public/shared/gitcoin/gtcStaking.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/public/shared/gitcoin/guild.svg b/public/shared/gitcoin/guild.svg deleted file mode 100644 index 3a0f6922..00000000 --- a/public/shared/gitcoin/guild.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/public/shared/gitcoin/holonym.svg b/public/shared/gitcoin/holonym.svg deleted file mode 100644 index d1287efd..00000000 --- a/public/shared/gitcoin/holonym.svg +++ /dev/null @@ -1,271 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/public/shared/gitcoin/idena.svg b/public/shared/gitcoin/idena.svg deleted file mode 100644 index 6c46fdcb..00000000 --- a/public/shared/gitcoin/idena.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/public/shared/gitcoin/lens.svg b/public/shared/gitcoin/lens.svg deleted file mode 100644 index 1ef41c40..00000000 --- a/public/shared/gitcoin/lens.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/public/shared/gitcoin/linkedin.svg b/public/shared/gitcoin/linkedin.svg deleted file mode 100644 index 43ce43eb..00000000 --- a/public/shared/gitcoin/linkedin.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/shared/gitcoin/nft.svg b/public/shared/gitcoin/nft.svg deleted file mode 100644 index 48708729..00000000 --- a/public/shared/gitcoin/nft.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/public/shared/gitcoin/passport.svg b/public/shared/gitcoin/passport.svg deleted file mode 100644 index d2660b82..00000000 --- a/public/shared/gitcoin/passport.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/public/shared/gitcoin/phi.svg b/public/shared/gitcoin/phi.svg deleted file mode 100644 index ef363e63..00000000 --- a/public/shared/gitcoin/phi.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - phi logo bold 8080ff-white@1x - - - - \ No newline at end of file diff --git a/public/shared/gitcoin/poh.svg b/public/shared/gitcoin/poh.svg deleted file mode 100644 index a96fd5ad..00000000 --- a/public/shared/gitcoin/poh.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/public/shared/gitcoin/snapshot.svg b/public/shared/gitcoin/snapshot.svg deleted file mode 100644 index 6f0037db..00000000 --- a/public/shared/gitcoin/snapshot.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - icon - - - - - - \ No newline at end of file diff --git a/public/shared/gitcoin/trustaLabs.svg b/public/shared/gitcoin/trustaLabs.svg deleted file mode 100644 index 203cfee6..00000000 --- a/public/shared/gitcoin/trustaLabs.svg +++ /dev/null @@ -1 +0,0 @@ -资源 1 \ No newline at end of file diff --git a/public/shared/gitcoin/twitter.svg b/public/shared/gitcoin/twitter.svg deleted file mode 100644 index f67782a6..00000000 --- a/public/shared/gitcoin/twitter.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/public/shared/gitcoin/zksync.svg b/public/shared/gitcoin/zksync.svg deleted file mode 100644 index f9202a71..00000000 --- a/public/shared/gitcoin/zksync.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/ProcessCreate/Census/Gitcoin/StampCard.tsx b/src/components/ProcessCreate/Census/Gitcoin/StampCard.tsx index 4178d66e..8990df48 100644 --- a/src/components/ProcessCreate/Census/Gitcoin/StampCard.tsx +++ b/src/components/ProcessCreate/Census/Gitcoin/StampCard.tsx @@ -1,5 +1,5 @@ import { Box, Checkbox, Text, Card, CardHeader } from '@chakra-ui/react' -import { StampIcon, StampId } from '~components/ProcessCreate/Census/Gitcoin/StampIcon' +import { StampIcon } from '~components/ProcessCreate/Census/Gitcoin/StampIcon' import { Controller, useFormContext } from 'react-hook-form' import { GitcoinStampToken } from '~components/ProcessCreate/Census/Gitcoin/index' import { CensusGitcoinValues } from '~components/ProcessCreate/StepForm/CensusGitcoin' @@ -30,7 +30,7 @@ export const StampCard: React.FC = ({ token }) => { isChecked={field.value.isChecked} > - + ) @@ -39,13 +39,13 @@ export const StampCard: React.FC = ({ token }) => { ) } -type StampInnerBoxProps = { name: string; tokenId: StampId } +type StampInnerBoxProps = { name: string; iconURI: string | undefined } -const StampInnerBox: React.FC = ({ name, tokenId }) => { +const StampInnerBox: React.FC = ({ name, iconURI }) => { const stampTitle = name.replace('Gitcoin Passport Score', '') return ( <> - + {stampTitle} ) @@ -53,7 +53,6 @@ const StampInnerBox: React.FC = ({ name, tokenId }) => { export const StampPreviewCard: React.FC = (props) => { return ( - // { +export const StampIcon = ({ iconURI, alt }: { iconURI: string | undefined; alt?: string }) => { const size = 5 - let iconData - switch (stampId) { - case 'BrightID': - iconData = brightid - break - case 'Civic': - iconData = civic - break - case 'Coinbase': - iconData = coinbase - break - case 'Discord': - iconData = discord - break - case 'Ens': - iconData = ens - break - case 'Ethereum': - iconData = ethereum - break - case 'GTC Staking': - iconData = gtcStaking - break - case 'Gitcoin': - iconData = gitcoin - break - case 'Github': - iconData = github - break - case 'Gnosis Safe': - iconData = gnosisSafe - break - case 'Google': - iconData = google - break - case 'Guild Membership and Roles': - iconData = guild - break - case 'Hololym': - iconData = holonym - break - case 'Idena': - iconData = idena - break - case 'Lens': - iconData = lens - break - case 'LinkedIn': - iconData = linkedin - break - case 'NFT Holder': - iconData = nft - break - case 'PHI': - iconData = phi - break - case 'Proof of Humanity': - iconData = poh - break - case 'Snapshot': - iconData = snapshot - break - case 'Trusta Labs': - iconData = trustaLabs - break - case 'Twitter': - iconData = twitter - break - case 'ZkSync': - iconData = zksync - break - default: - iconData = FaStamp - } - return + return {alt} } diff --git a/src/components/ProcessCreate/Census/Gitcoin/index.tsx b/src/components/ProcessCreate/Census/Gitcoin/index.tsx index f5a93de7..5a45ea40 100644 --- a/src/components/ProcessCreate/Census/Gitcoin/index.tsx +++ b/src/components/ProcessCreate/Census/Gitcoin/index.tsx @@ -4,12 +4,11 @@ import { errorToString, useClient } from '@vocdoni/react-providers' import { EnvOptions, TokenSummary, VocdoniCensus3Client } from '@vocdoni/sdk' import { GitcoinForm } from '~components/ProcessCreate/Census/Gitcoin/GitcoinForm' import Wrapper from '~components/ProcessCreate/Steps/Wrapper' -import { StampId } from '~components/ProcessCreate/Census/Gitcoin/StampIcon' import { useFormContext } from 'react-hook-form' import { useProcessCreationSteps } from '~components/ProcessCreate/Steps/use-steps' export type GitcoinStampToken = Omit & { - externalID: StampId // For stamp tokens externalID is not nullable + externalID: string // For stamp tokens externalID is not nullable } export const GitcoinStrategyBuilder = () => { diff --git a/src/components/ProcessCreate/Confirm/CensusToken.tsx b/src/components/ProcessCreate/Confirm/CensusToken.tsx index 8a4b3f25..b8fa79b7 100644 --- a/src/components/ProcessCreate/Confirm/CensusToken.tsx +++ b/src/components/ProcessCreate/Confirm/CensusToken.tsx @@ -87,7 +87,7 @@ const GitcoinStampsPreview = () => { mb={4} > {Object.values(selectedStamps).map((token, i) => ( - + ))}