fix: credential component layout

decentralized-identity · Oct 3, 2023 · 9a8adc0 · 9a8adc0
1 parent a1e5ff6
commit 9a8adc0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/packages/agent-explore/src/pages/settings/Plugins.tsx b/packages/agent-explore/src/pages/settings/Plugins.tsx
@@ -73,7 +73,7 @@ const communityPlugins: IAgentExplorerPlugin[] = [
   },
   {
     config: {
-      url: 'https://cdn.jsdelivr.net/gh/simonas-notcat/agent-explorer-plugin-codyfight/dist/plugin.js',
+      url: 'https://cdn.jsdelivr.net/gh/simonas-notcat/agent-explorer-plugin-codyfight@main/dist/plugin.js',
       enabled: true,
     },
     name: 'Codyfight',

diff --git a/packages/plugin/src/components/CredentialSummary.tsx b/packages/plugin/src/components/CredentialSummary.tsx
@@ -57,7 +57,12 @@ export const CredentialSummary: React.FC<CredentialSummaryProps> = ({
                 </Typography.Text>
               </IdentifierPopover>
 
-              <Tag>{credential.verifiableCredential.type && credential.verifiableCredential.type[1]}</Tag>
+              {credential.verifiableCredential.type 
+                && Array.isArray(credential.verifiableCredential.type)
+                && credential.verifiableCredential.type.map((type: string, index: number) => {
+                if (type === 'VerifiableCredential') return null
+                return <Tag key={index}>{type}</Tag>
+              })}
               <Typography.Text type='secondary'>{formatRelative(
                 new Date(credential.verifiableCredential.issuanceDate),
                 new Date()

diff --git a/packages/plugin/src/components/VerifiableCredentialComponent.tsx b/packages/plugin/src/components/VerifiableCredentialComponent.tsx
@@ -122,7 +122,7 @@ export const VerifiableCredentialComponent = (
         </div>
 
       </Col>
-      <Col xs={1}>
+      <Col xs={1} style={{marginRight: token.padding}}>
         <CredentialActionsDropdown uniqueCredential={credential}>
 
           <Button type="text" size="small"><EllipsisOutlined /></Button>