message: feat(origin-ui-core): show claim beneficiary in the certificate details view
diff: @@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
  import { CertificationRequest, CertificateUtils } from '@energyweb/issuer';
  import { ProducingDeviceDetailView } from './ProducingDeviceDetailView';
  import { useSelector } from 'react-redux';
  +import { getAddress } from 'ethers/utils';
  import { getConfiguration } from '../features/selectors';
  import { getCertificates } from '../features/certificates/selectors';
  import { deduplicate } from '../utils/helper';
  @@ -10,6 +11,7 @@ import { Skeleton } from '@material-ui/lab';
  import { makeStyles, createStyles, useTheme } from '@material-ui/core';
  import { getEnvironment } from '../features/general/selectors';
  import { EnergyFormatter } from '../utils/EnergyFormatter';
  +import { getUserOffchain } from '../features/users/selectors';
  interface IProps {
  id: number;
  @@ -25,6 +27,7 @@ interface IEnrichedEvent {
  export function CertificateDetailView(props: IProps) {
  const { id } = props;
  + const user = useSelector(getUserOffchain);
  const certificates = useSelector(getCertificates);
  const configuration = useSelector(getConfiguration);
  const environment = useSelector(getEnvironment);
  @@ -190,6 +193,23 @@ export function CertificateDetailView(props: IProps) {
  }
  ]
  ];
  +
  + if (selectedCertificate.isClaimed) {
  + const claimData = selectedCertificate.claims.find(
  + (claim) => getAddress(claim.to) === getAddress(user.blockchainAccountAddress)
  + )?.claimData;
  +
  + if (claimData) {
  + data.push([
  + {
  + label: 'Claim beneficiary',
  + data: Object.values(claimData)
  + .filter((value) => value !== '')
  + .join(', ')
  + }
  + ]);
  + }
  + }
  }
  return (
  