All files / src/components/elements VerificationStatus.tsx

0% Statements 0/4
0% Branches 0/4
0% Functions 0/2
0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38                                                                           
import React from "react";
import { Flex, Text } from "rimble-ui";
import { CredentialCheck } from "./Icons/CredentialCheck";
import { H6 } from "../layouts";
import { colors } from "../../themes/colors";
 
export interface VerificationStatusProps {
  didConfig?: boolean;
  baseline?: boolean;
}
 
export const VerificationStatus: React.FunctionComponent<VerificationStatusProps> = (props) => {
  return (
    <>
      <H6 color={colors.silver} mb={2} mt={0}>
        Verification Status
      </H6>
      {props.didConfig && <VerificationStatusItem title="DID Configuration" />}
      {props.baseline && <VerificationStatusItem title="Baseline" />}
    </>
  );
};
 
export interface VerificationStatusItemProps {
  title: string;
}
 
export const VerificationStatusItem: React.FunctionComponent<VerificationStatusItemProps> = (props) => {
  return (
    <Flex alignItems="center" mb={2}>
      <CredentialCheck />
      <Text color={colors.midGray} fontSize={1} mx={1}>
        {props.title}
      </Text>
    </Flex>
  );
};