Move dmarcPhase in GET_GUIDANCE_TAGS_OF_DOMAIN query

frontend/src/DmarcGuidancePage.js

@@ -39,8 +39,7 @@ export default function DmarcGuidancePage() {
   const webScan = data.findDomainByDomain.web
   const emailScan = data.findDomainByDomain.email
   const webStatus = data.findDomainByDomain.status
-  const dmarcPhase =
-    data.findDomainByDomain.email?.dmarc.edges[0]?.node.dmarcPhase
+  const dmarcPhase = data.findDomainByDomain.dmarcPhase
 
   return (
     <Stack spacing="25px" mb="6" px="4" mx="auto" overflow="hidden">
@@ -52,10 +51,10 @@ export default function DmarcGuidancePage() {
           color="teal.500"
           whiteSpace="noWrap"
           my="auto"
+          ml="auto"
           to={`/domains/${domainSlug}/dmarc-report/LAST30DAYS/${new Date().getFullYear()}`}
           as={RouteLink}
           d="block"
-          width="100%"
           textAlign={{ base: 'center', md: 'right' }}
         >
           <Trans>DMARC Report</Trans>

frontend/src/ScanCard.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import { Box, Heading, Icon, Stack, Text } from '@chakra-ui/core'
-import { object, string } from 'prop-types'
+import { any, object, string } from 'prop-types'
 import ScanCategoryDetails from './ScanCategoryDetails'
 import WithPseudoBox from './withPseudoBox'
 import { t, Trans } from '@lingui/macro'
@@ -43,22 +43,22 @@ function ScanCard({ scanType, scanData, status }) {
     } else if (scanType === 'email') {
       return (
         <Box pb="1">
-          {status ? (
+          {status === 'not implemented' ? (
             <Stack isInline align="center" px="2">
-              <Icon
-                name={status > 2 ? 'warning-2' : 'check-circle'}
-                color={status > 2 ? 'moderate' : 'strong'}
-                size="icons.md"
-              />
+              <Icon name="warning" color="weak" size="icons.md" />
               <Text fontWeight="bold" fontSize="2xl">
-                <Trans>DMARC Implementation Phase: {status}</Trans>
+                <Trans>DMARC Not Implemented</Trans>
               </Text>
             </Stack>
           ) : (
             <Stack isInline align="center" px="2">
-              <Icon name="question" color="gray.500" size="icons.md" />
+              <Icon
+                name={parseInt(status, 10) > 2 ? 'warning-2' : 'check-circle'}
+                color={parseInt(status, 10) > 2 ? 'moderate' : 'strong'}
+                size="icons.md"
+              />
               <Text fontWeight="bold" fontSize="2xl">
-                <Trans>DMARC Phase Unavailable</Trans>
+                <Trans>DMARC Implementation Phase: {status}</Trans>
               </Text>
             </Stack>
           )}
@@ -110,5 +110,5 @@ export default WithPseudoBox(ScanCard)
 ScanCard.propTypes = {
   scanType: string,
   scanData: object,
-  status: object,
+  status: any,
 }

frontend/src/fixtures/dmarcGuidancePageData.js

@@ -2,6 +2,7 @@ export const rawDmarcGuidancePageData = {
   findDomainByDomain: {
     domain: 'cra-arc.gc.ca',
     lastRan: '1612170063153',
+    dmarcPhase: 2,
     status: {
       https: 'INFO',
       ssl: 'PASS',
@@ -246,7 +247,6 @@ export const rawDmarcGuidancePageData = {
             node: {
               id: 'NTE1MDUwMjM2OA==',
               timestamp: '1604648562144',
-              dmarcPhase: 2,
               record: 'v=DMARC1; p=none; sp=none; rua=mailto:dmarc@cyber.gc.ca',
               pPolicy: 'quarantine',
               spPolicy: 'missing',

frontend/src/graphql/queries.js

@@ -179,6 +179,7 @@ export const GET_GUIDANCE_TAGS_OF_DOMAIN = gql`
     findDomainByDomain(domain: $domain) {
       domain
       lastRan
+      dmarcPhase
       status {
         https
         ssl
@@ -286,7 +287,6 @@ export const GET_GUIDANCE_TAGS_OF_DOMAIN = gql`
             node {
               id
               timestamp
-              dmarcPhase
               record
               pPolicy
               spPolicy

frontend/src/locales/en.po

@@ -2049,5 +2049,5 @@ msgid "DMARC Implementation Phase: {status}"
 msgstr "DMARC Implementation Phase: {status}"
 
 #: src/ScanCard.js:54
-msgid "DMARC Phase Unavailable"
-msgstr "DMARC Phase Unavailable"
+msgid "DMARC Not Implemented"
+msgstr "DMARC Not Implemented"

frontend/src/locales/fr.po

@@ -2041,5 +2041,5 @@ msgid "DMARC Implementation Phase: {status}"
 msgstr "Phase de mise en œuvre de la DMARC: {status}"
 
 #: src/ScanCard.js:54
-msgid "DMARC Phase Unavailable"
-msgstr "La phase DMARC n'est pas disponible"
+msgid "DMARC Not Implemented"
+msgstr "La DMARC n'est pas mise en œuvre"