[INJIMOB-2277]: Update VcVerification props to accept vcMetadata.

Signed-off-by: BalachandarG <balachandar.g@thoughtworks.com>

components/VC/Views/VCCardView.tsx

@@ -100,9 +100,7 @@ export const VCCardView: React.FC<VCItemProps> = props => {
       isKebabPopUp={controller.isKebabPopUp}
       DISMISS={controller.DISMISS}
       KEBAB_POPUP={controller.KEBAB_POPUP}
-      isVerified={props.vcMetadata.isVerified}
       isInitialLaunch={props.isInitialLaunch}
-      isExpired={props.vcMetadata.isExpired}
     />
   );
 

components/VC/Views/VCCardViewContent.tsx

@@ -85,9 +85,8 @@ export const VCCardViewContent: React.FC<VCItemContentProps> = props => {
             />
             <Row>
               <VCVerification
-                isVerified={props.isVerified}
                 display={wellknownDisplayProperty}
-                isExpired={props.isExpired}
+                vcMetadata={props.verifiableCredentialData?.vcMetadata}
               />
             </Row>
           </Column>
@@ -164,9 +163,7 @@ export interface VCItemContentProps {
   DISMISS: () => {};
   isKebabPopUp: boolean;
   vcMetadata: VCMetadata;
-  isVerified?: boolean;
   isInitialLaunch?: boolean;
-  isExpired?: boolean;
 }
 
 VCCardViewContent.defaultProps = {

components/VC/common/VCUtils.tsx

@@ -78,9 +78,8 @@ export const getFieldValue = (
     case 'status':
       return (
         <VCVerification
-          isVerified={props.verifiableCredentialData.vcMetadata.isVerified}
           display={display}
-          isExpired={props.verifiableCredentialData.vcMetadata.isExpired}
+          vcMetadata={props.verifiableCredentialData.vcMetadata}
         />
       );
     case 'idType':

components/VCVerification.tsx

@@ -8,20 +8,19 @@ import {useTranslation} from 'react-i18next';
 import PendingIcon from './PendingIcon';
 import {VCMetadata} from '../shared/VCMetadata';
 
-export const VCVerification: React.FC = ({
+export const VCVerification: React.FC<VCVerificationProps> = ({
+  vcMetadata,
   display,
-  isVerified,
-  isExpired,
-}: any) => {
+}) => {
   const {t} = useTranslation('VcDetails');
-  const statusText = isVerified
-    ? isExpired
+  const statusText = vcMetadata.isVerified
+    ? vcMetadata.isExpired
       ? t('expired')
       : t('valid')
     : t('pending');
 
-  const statusIcon = isVerified ? (
-    isExpired ? (
+  const statusIcon = vcMetadata.isVerified ? (
+    vcMetadata.isExpired ? (
       <PendingIcon />
     ) : (
       <VerifiedIcon />
@@ -49,6 +48,6 @@ export const VCVerification: React.FC = ({
 };
 
 export interface VCVerificationProps {
-  isVerified: boolean;
+  vcMetadata: VCMetadata;
   display: Display;
 }