1533 identity provider links (#1890)

* feat(app): add platform website urls * feat(platforms, app): identity provider links for sidebar * fix(app): wrap existing banner description * chore(platofrms): update links and descriptions * fix(platforms, app): remove old types --------- Co-authored-by: QuickMythril <[email protected]>
passportxyz · Nov 13, 2023 · a31214b · a31214b
1 parent cbefbd9
commit a31214b
Show file tree

Hide file tree

Showing 26 changed files with 58 additions and 23 deletions.
diff --git a/app/__tests__/components/RefreshMyStampsModalContentCard.test.tsx b/app/__tests__/components/RefreshMyStampsModalContentCard.test.tsx
@@ -29,6 +29,7 @@ const currentPlatform: PlatformSpec = {
   connectMessage: "Connect message",
   isEVM: false,
   enablePlatformCardUpdate: false,
+  website: "https://platform.website",
 };
 
 const selectedProviders: PROVIDER_ID[] = ["FirstEthTxnProvider"];

diff --git a/app/__tests__/components/SideBarContent.test.tsx b/app/__tests__/components/SideBarContent.test.tsx
@@ -25,6 +25,7 @@ const props: SideBarContentProps = {
     name: "Github",
     description: "Connect your existing Github account to verify.",
     connectMessage: "Connect Account",
+    website: "https://github.com",
   },
   currentProviders: [
     { platformGroup: "Account Name", providers: [{ title: "Encrypted", name: "Github" }] },

diff --git a/app/components/PlatformDetails.tsx b/app/components/PlatformDetails.tsx
@@ -117,7 +117,18 @@ export const PlatformDetails = ({
         <h2 className="ml-4 text-2xl">{currentPlatform?.name}</h2>
         {!!verifiedProviders?.length && <PlatformJsonButton platformPassportData={platformPassportData} />}
       </div>
-      <p className="mt-8 text-base md:w-8/12">{currentPlatform?.description}</p>
+      {currentPlatform?.website ? (
+        <a
+          className="mt-8 inline-block text-base hover:underline md:w-8/12"
+          href={currentPlatform?.website}
+          target="_blank"
+          rel="noreferrer"
+        >
+          {currentPlatform?.description}
+        </a>
+      ) : (
+        <p className="mt-8 text-base md:w-8/12">{currentPlatform?.description}</p>
+      )}
       {bannerConfig && <GenericBanner banner={bannerConfig} />}
       <hr className="mt-4 border-foreground-3" />
       <div className="my-4 grid grid-cols-[1fr_2px_1fr] gap-y-4 text-center">

diff --git a/platforms/src/Brightid/Providers-config.ts b/platforms/src/Brightid/Providers-config.ts
@@ -5,9 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/brightidStampIcon.svg",
   platform: "Brightid",
   name: "BrightID",
-  description: "Connect your BrightID",
+  description: "Connect to BrightID to verify your identity on Web3 without revealing any personal information.",
   connectMessage: "Connect Account",
   isEVM: true,
+  website: "https://brightid.org/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Civic/Providers-config.ts b/platforms/src/Civic/Providers-config.ts
@@ -6,8 +6,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/civicStampIcon.svg",
   platform: "Civic",
   name: "Civic",
-  description: "Civic Profile Verification",
+  description: "Connect to Civic to verify your identity.",
   connectMessage: "Verify Account",
+  website: "https://www.civic.com",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/CyberProfile/Providers-config.ts b/platforms/src/CyberProfile/Providers-config.ts
@@ -6,7 +6,8 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/cyberconnectLogoIcon.svg",
   platform: "CyberConnect",
   name: "CyberConnect",
-  description: "Connect your wallet to verify your CyberProfile Handle.",
+  description: "Connect your Cyberconnect profile.",
+  website: "https://cyberconnect.me/",
   connectMessage: "Verify Account",
   isEVM: true,
 };

diff --git a/platforms/src/Discord/Providers-config.ts b/platforms/src/Discord/Providers-config.ts
@@ -5,8 +5,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/discordStampIcon.svg",
   platform: "Discord",
   name: "Discord",
-  description: "Connect your existing Discord account to verify.",
+  description: "Connect your Discord account to Gitcoin Passport to identity and reputation in Web3 communities.",
   connectMessage: "Connect Account",
+  website: "https://discord.com/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/ETH/Providers-config.ts b/platforms/src/ETH/Providers-config.ts
@@ -6,9 +6,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/ethereumStampIcon.svg",
   platform: "ETH",
   name: "ETH",
-  description: "ETH possession and transaction verification",
+  description: "Connect to Ethereum to verify your network activity.",
   connectMessage: "Verify Account",
   isEVM: true,
+  website: "https://ethereum.org",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Ens/Providers-config.ts b/platforms/src/Ens/Providers-config.ts
@@ -5,9 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/ensStampIcon.svg",
   platform: "Ens",
   name: "ENS",
-  description: "Purchase an .eth name to verify/ connect your existing account.",
+  description: "Connect to ENS to verify your ownership of your web3 domain name.",
   connectMessage: "Connect Account",
   isEVM: true,
+  website: "https://ens.domains/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Gitcoin/Providers-config.ts b/platforms/src/Gitcoin/Providers-config.ts
@@ -5,8 +5,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/gtcGrantsLightIcon.svg",
   platform: "Gitcoin",
   name: "Gitcoin",
-  description: "Verify your Gitcoin Grants contributions",
+  description: "Verify your participation in Gitcoin Grants rounds.",
   connectMessage: "Verify Account",
+  website: "https://www.gitcoin.co/program",
   isEVM: true,
 };
 

diff --git a/platforms/src/Github/Providers-config.ts b/platforms/src/Github/Providers-config.ts
@@ -7,8 +7,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/githubWhiteStampIcon.svg",
   platform: "Github",
   name: "Github",
-  description: "Connect your existing Github account to verify.",
+  description: "Connect to GitHub to verify your code contributions.",
   connectMessage: "Connect Account",
+  website: "https://github.com",
 };
 
 let providers: Provider[] = [];

diff --git a/platforms/src/Google/Providers-config.ts b/platforms/src/Google/Providers-config.ts
@@ -5,8 +5,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/googleStampIcon.svg",
   platform: "Google",
   name: "Google",
-  description: "Connect your existing Google Account to verify",
+  description: "Connect to Google to verify your email address.",
   connectMessage: "Connect Account",
+  website: "https://www.google.com/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/GtcStaking/Providers-config.ts b/platforms/src/GtcStaking/Providers-config.ts
@@ -12,8 +12,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/gtcStakingLogoIcon.svg",
   platform: "GtcStaking",
   name: "GTC Staking",
-  description: "Connect to Passport to verify your staking amount",
+  description: "Stake GTC to boost your trust in the Gitcoin ecosystem.",
   connectMessage: "Verify amount",
+  website: "https://staking.passport.gitcoin.co/",
   isEVM: true,
 };
 

diff --git a/platforms/src/GuildXYZ/Providers-config.ts b/platforms/src/GuildXYZ/Providers-config.ts
@@ -5,9 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/guildXYZStampIcon.svg",
   platform: "GuildXYZ",
   name: "Guild Membership and Roles",
-  description: "Connect your Guild XYZ account to verify your memberships.",
+  description: "Connect to Guild to verify your membership in open source communities.",
   connectMessage: "Verify Guilds",
   isEVM: true,
+  website: "https://guild.xyz/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Holonym/Providers-config.ts b/platforms/src/Holonym/Providers-config.ts
@@ -5,10 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/holonymStampIcon.svg",
   platform: "Holonym",
   name: "Holonym",
-  description:
-    "To verify your Holo, mint your Holo at app.holonym.id and then prove uniqueness at app.holonym.id/prove/uniqueness",
+  description: "Connect to Holonym to verify your identity without revealing any personal information.",
   connectMessage: "Connect Account",
   isEVM: true,
+  website: "https://holonym.id/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Idena/Providers-config.ts b/platforms/src/Idena/Providers-config.ts
@@ -11,9 +11,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/idenaStampIcon.svg",
   platform: "Idena",
   name: "Idena",
-  description: "Connect your existing Identity to verify.",
+  description: "Connect to Idena to verify your human identity.",
   connectMessage: "Verify Identity",
   enablePlatformCardUpdate: true,
+  website: "https://idena.io/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Lens/Providers-config.ts b/platforms/src/Lens/Providers-config.ts
@@ -5,9 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/lensWhiteStampIcon.svg",
   platform: "Lens",
   name: "Lens",
-  description: "Lens Profile Verification",
+  description: "Connect to Lens to verify your social media presence on Web3.",
   connectMessage: "Verify Account",
   isEVM: true,
+  website: "https://lens.xyz/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/NFT/Providers-config.ts b/platforms/src/NFT/Providers-config.ts
@@ -5,9 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/nftStampIcon.svg",
   platform: "NFT",
   name: "NFT Holder",
-  description: "Connect a wallet and validate the stamp by retrieving an NFT.",
+  description: "Connect your Ethereum wallet to verify that you own an Ethereum-based NFT.",
   connectMessage: "Connect NFT",
   isEVM: true,
+  website: "https://ethereum.org/en/nft/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/PHI/Providers-config.ts b/platforms/src/PHI/Providers-config.ts
@@ -5,7 +5,8 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/phiLogoIcon.svg",
   platform: "PHI",
   name: "PHI",
-  description: "Connect your wallet to verify your phi activity.",
+  description: "Connect your Phi account and showcase your Phi quests.",
+  website: "https://philand.xyz/",
   connectMessage: "Verify Account",
   isEVM: true,
 };

diff --git a/platforms/src/Poh/Providers-config.ts b/platforms/src/Poh/Providers-config.ts
@@ -5,9 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/pohStampIcon.svg",
   platform: "Poh",
   name: "Proof of Humanity",
-  description: "Connect your wallet to start the process of verifying with Proof of Humanity.",
+  description: "Connect to Proof of Humanity to verify your human identity on Web3.",
   connectMessage: "Connect Account",
   isEVM: true,
+  website: "https://proofofhumanity.id/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Snapshot/Providers-config.ts b/platforms/src/Snapshot/Providers-config.ts
@@ -5,9 +5,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/snapshotStampIcon.svg",
   platform: "Snapshot",
   name: "Snapshot",
-  description: "Connect your existing account to verify with Snapshot.",
+  description: "Connect to Snapshot to verify your DAO voting power.",
   connectMessage: "Verify Account",
   isEVM: true,
+  website: "https://snapshot.org/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/TrustaLabs/Providers-config.ts b/platforms/src/TrustaLabs/Providers-config.ts
@@ -5,8 +5,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/trustaLabsStampIcon.svg",
   platform: "TrustaLabs",
   name: "Trusta Labs",
-  description: "Launch Trusta's TrustScan to verify this account has non-Sybil behavior",
+  description: "Connect to Trusta Labs to verify your identity and reputation on Web3.",
   connectMessage: "Connect Account",
+  website: "https://www.trustalabs.ai/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/Twitter/Providers-config.ts b/platforms/src/Twitter/Providers-config.ts
@@ -5,8 +5,9 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/twitterStampIcon.svg",
   platform: "Twitter",
   name: "Twitter",
-  description: "Connect your existing Twitter account to verify.",
+  description: "Connect to Twitter to verify your social media presence.",
   connectMessage: "Connect Account",
+  website: "https://twitter.com/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/ZkSync/Providers-config.ts b/platforms/src/ZkSync/Providers-config.ts
@@ -6,9 +6,10 @@ export const PlatformDetails: PlatformSpec = {
   icon: "./assets/zksyncStampIcon.svg",
   platform: "ZkSync",
   name: "ZkSync",
-  description: "ZkSync Verification",
+  description: "Connect to zkSync to verify your zkSync wallet activity.",
   connectMessage: "Verify Account",
   isEVM: true,
+  website: "https://zksync.io/",
 };
 
 export const ProviderConfig: PlatformGroupSpec[] = [

diff --git a/platforms/src/types.ts b/platforms/src/types.ts
@@ -13,6 +13,7 @@ export type PlatformSpec = {
   isEVM?: boolean;
   enablePlatformCardUpdate?: boolean;
   metaPointer?: string;
+  website?: string;
 };
 
 export type ProviderSpec = {

diff --git a/platforms/src/utils/scaffoldPlatform.ts b/platforms/src/utils/scaffoldPlatform.ts
@@ -59,6 +59,7 @@ const structure: FileStructure = {
     name: "${providerName}",
     description: "Connect your existing ${providerName} Account to verify",
     connectMessage: "Connect Account",
+    website: "${providerName} website",
   };
 
   export const ProviderConfig: PlatformGroupSpec[] = [