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> ); }; |