fix: credential component layout (#175)

decentralized-identity · Oct 3, 2023 · 029dcb5 · 029dcb5
1 parent a1e5ff6
commit 029dcb5
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>