@velocitycareerlabs/vc-renderer-sample 1.25.0-dev-build.19b953994 → 1.25.0-dev-build.176972225

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@velocitycareerlabs/vc-renderer-sample",
-  "version": "1.25.0-dev-build.19b953994",
+  "version": "1.25.0-dev-build.176972225",
   "description": "VC Renderer Sample",
   "repository": "https://github.com/velocitycareerlabs/packages",
   "publishConfig": {
@@ -20,7 +20,7 @@
     "@types/node": "^16.18.119",
     "@types/react": "18.3.4",
     "@types/react-dom": "18.3.0",
-    "@velocitycareerlabs/vc-renderer": "1.25.0-dev-build.19b953994",
+    "@velocitycareerlabs/vc-renderer": "1.25.0-dev-build.176972225",
     "react": "18.3.1",
     "react-dom": "^18.3.1",
     "react-scripts": "5.0.1",
@@ -58,5 +58,5 @@
       "last 1 safari version"
     ]
   },
-  "gitHead": "70c50ceb4c67c3800fd4e8d36c08be12a76ba9bd"
+  "gitHead": "b55cd12d8b451a373d59cd1a3239d0b69377bece"
 }

package/src/App.tsx

@@ -2,6 +2,7 @@ import { useCallback, useState } from 'react';
 import {
   VcsSummaryRenderer,
   VcDetailsRenderer,
+  VcStatusEnum,
 } from '@velocitycareerlabs/vc-renderer';
 import { Typography, Box } from '@mui/material';
 import { Sidebar } from './components/Sidebar';
@@ -120,6 +121,7 @@ const App = () => {
       <VcDetailsRenderer
         categoryTitle="Assessments"
         vcData={{ vcPrepared: CREDENTIALS_MAPPED[0] }}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -133,6 +135,7 @@ const App = () => {
           issuer:
             ISSUERS['did:ion:EiBMsw27IKRYIdwUOfDeBd0LnWVeG2fPxxJi9L1fvjM20g'],
         }}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -147,6 +150,7 @@ const App = () => {
           issuer:
             ISSUERS['did:ion:EiBMsw27IKRYIdwUOfDeBd0LnWVeG2fPxxJi9L1fvjM20g'],
         }}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -156,6 +160,7 @@ const App = () => {
         categoryTitle="Badges & Achievements"
         vcData={{ vcPrepared: CREDENTIALS_MAPPED[2] }}
         Footer={VcDetailsFooter}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -164,6 +169,7 @@ const App = () => {
       <VcDetailsRenderer
         categoryTitle="Contacts"
         vcData={{ vcPrepared: CREDENTIALS_MAPPED[1] }}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -173,6 +179,7 @@ const App = () => {
         categoryTitle="Contacts"
         vcData={{ vcPrepared: CREDENTIALS_MAPPED[1] }}
         Footer={VcDetailsFooter}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -187,6 +194,7 @@ const App = () => {
             ISSUERS['did:ion:EiAehWmpX5mHBuc93SIhPXF8bsEx68G6mPcdIaLNGbozPA'],
         }}
         Footer={VcDetailsFooter}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -201,6 +209,7 @@ const App = () => {
             ISSUERS['did:ion:EiAehWmpX5mHBuc93SIhPXF8bsEx68G6mPcdIaLNGbozPA'],
         }}
         style={styles.overriddenStyle2}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -215,6 +224,7 @@ const App = () => {
             ISSUERS['did:ion:EiBMsw27IKRYIdwUOfDeBd0LnWVeG2fPxxJi9L1fvjM20g'],
         }}
         Footer={VcDetailsFooter}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8}>
@@ -229,6 +239,7 @@ const App = () => {
             ISSUERS['did:ion:EiBMsw27IKRYIdwUOfDeBd0LnWVeG2fPxxJi9L1fvjM20g'],
         }}
         Sidebar={Sidebar}
+        vcStatus={VcStatusEnum.VERIFIED}
       />
 
       <Typography variant="h6" pt={8} color="red">