wip

Author: gkatrakazas

src/components/Popups/SelectCredentials.js

@@ -4,7 +4,7 @@ import { FaShare } from 'react-icons/fa';
 import { useTranslation } from 'react-i18next';
 import { useApi } from '../../api';
 import { CredentialImage } from '../Credentials/CredentialImage';
-
+import CredentialInfo from '../Credentials/CredentialInfo';
 
 function SelectCredentials({ showPopup, setShowPopup, setSelectionMap, conformantCredentialsMap, verifierDomainName }) {
 	const api = useApi();
@@ -131,9 +131,16 @@ function SelectCredentials({ showPopup, setShowPopup, setSelectionMap, conforman
 				<div className='flex flex-wrap justify-center flex overflow-y-auto max-h-[40vh]'>
 					{images.map(image => (
 						<div className="m-3 flex justify-center">
-							<div className="relative rounded-xl w-2/3 overflow-hidden transition-shadow shadow-md hover:shadow-lg cursor-pointer">
-								<CredentialImage key={image.credentialIdentifier} credential={image.credential} onClick={() => handleClick(image.credentialIdentifier)} className={"w-full object-cover rounded-xl"} />
+							<div className='w-1/2'>
+								<div className="relative rounded-xl w-full overflow-hidden transition-shadow shadow-md hover:shadow-lg cursor-pointer">
+									<CredentialImage key={image.credentialIdentifier} credential={image.credential} onClick={() => handleClick(image.credentialIdentifier)} className={"w-full object-cover rounded-xl"} />
+								</div>
+							</div>
+							<div className='w-1/2'>
+							<CredentialInfo credential={image} />
 							</div>
+
+
 						</div>
 					))}
 				</div>