feat(Certificate): show more info to check issuer identity

src/components/atoms/CertificateDetails/CertificateDetails.js

@@ -51,7 +51,9 @@ export default function CertificateDetails ({
   transactionLink,
   transactionId,
   direction,
-  hideRecipientName
+  hideRecipientName,
+  issuerURL,
+  recordLink
 }) {
   const details = [];
   if (!hideRecipientName) {
@@ -66,10 +68,18 @@ export default function CertificateDetails ({
       title: getText('text.issueDate'),
       value: html`<time datetime$='${issuedOn}'>${issueDate}</time>`
     },
+    {
+      title: getText('text.certIdURL'),
+      value: recordLink
+    },
     {
       title: getText('text.issuerName'),
       value: issuerName
     },
+    {
+      title: getText('text.issuerURL'),
+      value: issuerURL
+    },
     {
       title: getText('text.issuerPublicKey'),
       value: issuerPublicKey

src/components/atoms/CertificateDetails/CertificateDetailsContainer.js

@@ -8,7 +8,9 @@ import {
   getIssuerPublicKey,
   getRecipientName,
   getTransactionId,
-  getTransactionLink
+  getTransactionLink,
+  getIssuerURL,
+  getRecordLink
 } from '../../../selectors/certificate';
 
 export const mapStateToProps = (state) => ({
@@ -19,7 +21,9 @@ export const mapStateToProps = (state) => ({
   issuerLogo: getIssuerLogo(state),
   transactionLink: getTransactionLink(state),
   transactionId: getTransactionId(state),
-  issuerPublicKey: getIssuerPublicKey(state)
+  issuerPublicKey: getIssuerPublicKey(state),
+  issuerURL: getIssuerURL(state),
+  recordLink: getRecordLink(state)
 });
 
 const ownProps = {

src/i18n/lang/en.js

@@ -15,6 +15,7 @@ export default {
     blockcertsHint: 'Visit Blockcerts website',
     by: 'by',
     certified: 'Certified by',
+    certIdURL: 'Record URL',
     closeButton: 'Click to close',
     downloadLink: 'Download Record in JSON format',
     dragAndDropHint: '(you can also drag & drop your file).',
@@ -23,6 +24,7 @@ export default {
     issueDate: 'Issue Date',
     issuerName: 'Issuer',
     issuerPublicKey: 'Issuer\'s public key',
+    issuerURL: 'Issuer profile URL',
     item: 'Item',
     itemPlural: 'Items',
     metadataButton: 'View Metadata',

src/i18n/lang/es.js

@@ -15,6 +15,7 @@ export default {
     blockcertsHint: 'Visite el sitio web de Blockcerts',
     by: 'por',
     certified: 'Certificado por',
+    certIdURL: 'URL del Registro',
     closeButton: 'Haz Click para cerrar',
     downloadLink: 'Descarga el Registro en formato JSON',
     dragAndDropHint: '(también puedes arrastrar y soltar tu archivo).',
@@ -23,6 +24,7 @@ export default {
     issueDate: 'Fecha de Emisión',
     issuerName: 'Emisor',
     issuerPublicKey: 'Llave publica del Emisor',
+    issuerURL: 'URL del emisor',
     item: 'Elemento',
     itemPlural: 'Elementos',
     metadataButton: 'Ver Metadata',

src/i18n/lang/fr.js

@@ -15,6 +15,7 @@ export default {
     blockcertsHint: 'Visiter le site de Blockcerts',
     by: 'par',
     certified: 'Certifié par',
+    certIdURL: 'URL du certificat',
     closeButton: 'Cliquer pour fermer',
     downloadLink: 'Télécharger le certificat au format JSON',
     dragAndDropHint: '(vous pouvez aussi glisser et déposer votre fichier).',
@@ -23,6 +24,7 @@ export default {
     issueDate: 'Date d\'émission',
     issuerName: 'Émetteur',
     issuerPublicKey: 'Clé publique de l\'émetteur',
+    issuerURL: 'URL de l\'émetteur',
     item: 'point contrôlé',
     itemPlural: 'points contrôlés',
     metadataButton: 'Voir les métadata',

src/i18n/lang/it.js

@@ -15,6 +15,7 @@ export default {
     blockcertsHint: 'Visita il sito Web Blockcerts',
     by: 'da',
     certified: 'Certificato da',
+    certIdURL: 'Record del certificato',
     closeButton: 'Fai clic per chiudere',
     downloadLink: 'Scarica il Record in formato JSON',
     dragAndDropHint: '(puoi anche trascinare il file).',
@@ -23,6 +24,7 @@ export default {
     issueDate: 'Data',
     issuerName: 'Organizzazione Issuer',
     issuerPublicKey: 'Chiave pubblica del Issuer',
+    issuerURL: 'Issuer profile URL',
     item: 'Elemento',
     itemPlural: 'Elementi',
     metadataButton: 'Visualizza Metadata',

src/i18n/lang/mt.js

@@ -15,6 +15,7 @@ export default {
     blockcertsHint: 'Visit Blockcerts website',
     by: 'by',
     certified: 'Certified by',
+    certIdURL: 'Record URL',
     closeButton: 'Click to close',
     downloadLink: 'Download Record in JSON format',
     dragAndDropHint: '(you can also drag & drop your file).',
@@ -23,6 +24,7 @@ export default {
     issueDate: 'Issue Date',
     issuerName: 'Issuer',
     issuerPublicKey: 'Issuer\'s public key',
+    issuerURL: 'Issuer profile URL',
     item: 'Item',
     itemPlural: 'Items',
     metadataButton: 'View Metadata',

src/selectors/certificate.js

@@ -58,6 +58,16 @@ export function getIssuerName (state) {
   return '';
 }
 
+export function getIssuerURL (state) {
+  const certificateDefinition = getCertificateDefinition(state);
+
+  if (certificateDefinition) {
+    return certificateDefinition.issuer.id;
+  }
+
+  return '';
+}
+
 export function getIssuerLogo (state) {
   const certificateDefinition = getCertificateDefinition(state);