import React, { ReactElement } from 'react';
import { useSelector } from 'react-redux';
import { Role, isRole } from '@energyweb/origin-backend-core';
import { usePermissions, Requirements, fromUsersSelectors } from '@energyweb/origin-ui-core';
import { CertificationRequestsTable } from '../../components/certificates/table';

export const PendingCertificates = (): ReactElement => {
    const user = useSelector(fromUsersSelectors.getUserOffchain);
    const isIssuer = isRole(user, Role.Issuer);
    const { canAccessPage } = usePermissions();

    if (!canAccessPage?.value && !isIssuer) {
        return <Requirements />;
    }

    return <CertificationRequestsTable approved={false} />;
};