tracker/frontend/src/SpfEntry.js at update-cloudbuild · LearningAzure2020/tracker · GitHub

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 { Box, Stack, Text, Divider } from '@chakra-ui/core'
import { string, bool } from 'prop-types'

export function SpfEntry(props) {
  return (
    <Box>
      <Stack isInline>
        <Text fontSize="md" fontWeight="semibold">
          Domain:
        </Text>
        <Text fontSize="md">{props.domain}</Text>
      </Stack>

      <Stack isInline>
        <Text fontSize="md" fontWeight="semibold">
          Scope:
        </Text>
        <Text fontSize="md">{props.scope}</Text>
      </Stack>

      <Stack isInline>
        <Text fontSize="md" fontWeight="semibold">
          Result:
        </Text>
        <Text fontSize="md">{props.result}</Text>
      </Stack>

      <Divider />
    </Box>
  )
}

SpfEntry.propTypes = {
  domain: string.isRequired,
  scope: string.isRequired,
  result: bool.isRequired,
}