Merge pull request #22 from rarimo/feature/kleros

Kleros provider
rarimo · Dec 20, 2023 · 33469a1 · 33469a1
2 parents 7f683c4 + ba1abfd
commit 33469a1
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 3 deletions.
diff --git a/src/assets/icons/kleros-icon.svg b/src/assets/icons/kleros-icon.svg
diff --git a/src/enums/icon-names.enum.ts b/src/enums/icon-names.enum.ts
@@ -106,4 +106,5 @@ export enum IconNames {
   GitCoin = 'gitcoin-passport',
   Unstoppable = 'unstoppable-domains',
   WorldCoin = 'worldcoin',
+  Kleros = 'kleros',
 }
diff --git a/src/enums/kyc-providers.enum.ts b/src/enums/kyc-providers.enum.ts
@@ -3,4 +3,5 @@ export enum SupportedKycProvider {
   GITCOIN = 'GitCoin',
   UNSTOPPABLEDOMAINS = 'Unstoppable',
   WORLDCOIN = 'WorldCoin',
+  KLEROS = 'Kleros',
 }
diff --git a/src/localization/resources/en.json b/src/localization/resources/en.json
@@ -17,7 +17,9 @@
     "WorldCoin": "Worldcoin",
     "Unstoppable": "Unstoppable Domains",
     "GitCoin": "Gitcoin Passport",
-    "Civic": "Civic"
+    "Civic": "Civic",
+    "Kleros": "Kleros",
+    "Unknown": "Unknown"
 
   },
   "mobile-device-message": {

diff --git a/src/pages/ProfilePage/components/CredentialsTile/CredentialsTile.tsx b/src/pages/ProfilePage/components/CredentialsTile/CredentialsTile.tsx
@@ -28,6 +28,7 @@ const CredentialsTile: FC<Props> = ({ credential }) => {
         GitcoinPassport: SupportedKycProvider.GITCOIN,
         UnstoppableDomains: SupportedKycProvider.UNSTOPPABLEDOMAINS,
         Worldcoin: SupportedKycProvider.WORLDCOIN,
+        Kleros: SupportedKycProvider.KLEROS,
       }[provider]
     },
     [credential],
@@ -67,10 +68,13 @@ const CredentialsTile: FC<Props> = ({ credential }) => {
             width={16}
             height={16}
             className='credential-tile__footer-provider-icon'
-            name={IconNames[detectProviderFromVC(credential) as IconNamesType]}
+            name={
+              IconNames[detectProviderFromVC(credential) as IconNamesType] ??
+              IconNames.Proof
+            }
           />
           <p className='credential-tile__footer-provider-name'>
-            {t(`tiles.${detectProviderFromVC(credential)}`)}
+            {t(`tiles.${detectProviderFromVC(credential) ?? 'Unknown'}`)}
           </p>
         </div>
       </div>