diff --git a/client/src/components/GovernmentBanner/GovernmentBanner.tsx b/client/src/components/GovernmentBanner/GovernmentBanner.tsx index 9bad3707..950a59a0 100644 --- a/client/src/components/GovernmentBanner/GovernmentBanner.tsx +++ b/client/src/components/GovernmentBanner/GovernmentBanner.tsx @@ -2,17 +2,32 @@ import React from 'react'; import {GovBanner} from '@trussworks/react-uswds'; import {useIntl} from 'gatsby-plugin-intl'; +// Contexts: +import {useFlags} from '../../contexts/FlagContext'; + import Language from '../Language'; import * as styles from './GovernmentBanner.module.scss'; const GovernmentBanner = () => { const intl = useIntl(); + const flags = useFlags(); + return (
- - + + {'sp' in flags ? ( + <> + + + + ) : ( + <> + + + )} +
); diff --git a/client/src/components/GovernmentBanner/__snapshots__/GovernmentBanner.test.tsx.snap b/client/src/components/GovernmentBanner/__snapshots__/GovernmentBanner.test.tsx.snap index 43e2a7a4..d059c99a 100644 --- a/client/src/components/GovernmentBanner/__snapshots__/GovernmentBanner.test.tsx.snap +++ b/client/src/components/GovernmentBanner/__snapshots__/GovernmentBanner.test.tsx.snap @@ -135,22 +135,6 @@ exports[`rendering of the GovernmentBanner checks if component renders 1`] = ` -
- language icon for selecting language - - English - - - Español - -
diff --git a/client/src/components/J40Header/__snapshots__/J40Header.test.tsx.snap b/client/src/components/J40Header/__snapshots__/J40Header.test.tsx.snap index ef82c5b6..cf3aa206 100644 --- a/client/src/components/J40Header/__snapshots__/J40Header.test.tsx.snap +++ b/client/src/components/J40Header/__snapshots__/J40Header.test.tsx.snap @@ -140,22 +140,6 @@ exports[`rendering of the J40Header checks if component renders 1`] = ` -
- language icon for selecting language - - English - - - Español - -
@@ -277,24 +261,7 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
  • -
    -
    - language icon for selecting language - - English - - - Español - -
    -
    +
  • diff --git a/client/src/components/Language/Language.tsx b/client/src/components/Language/Language.tsx index 857ba1a2..08ad0a2d 100644 --- a/client/src/components/Language/Language.tsx +++ b/client/src/components/Language/Language.tsx @@ -1,6 +1,9 @@ import React from 'react'; import {IntlContextConsumer, changeLocale} from 'gatsby-plugin-intl'; +// Contexts: +import {useFlags} from '../../contexts/FlagContext'; + // @ts-ignore import languageIcon from '/node_modules/uswds/dist/img/usa-icons/language.svg'; import * as styles from './Language.module.scss'; @@ -15,7 +18,9 @@ interface ILanguageProps { } const Language = ({isDesktop}:ILanguageProps) => { - return ( + const flags = useFlags(); + + return 'sp' in flags ? (
    {'language @@ -33,7 +38,7 @@ const Language = ({isDesktop}:ILanguageProps) => { }
    - ); + ) : null; }; export default Language; diff --git a/client/src/components/Language/__snapshots__/Language.test.tsx.snap b/client/src/components/Language/__snapshots__/Language.test.tsx.snap index c3ff39a7..4bc09ab1 100644 --- a/client/src/components/Language/__snapshots__/Language.test.tsx.snap +++ b/client/src/components/Language/__snapshots__/Language.test.tsx.snap @@ -1,22 +1,3 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`rendering of the Language checks if component renders 1`] = ` - -
    - language icon for selecting language - - English - - - Español - -
    -
    -`; +exports[`rendering of the Language checks if component renders 1`] = ``; diff --git a/client/src/pages/__snapshots__/contact.test.tsx.snap b/client/src/pages/__snapshots__/contact.test.tsx.snap index b0dddf0b..53aee80d 100644 --- a/client/src/pages/__snapshots__/contact.test.tsx.snap +++ b/client/src/pages/__snapshots__/contact.test.tsx.snap @@ -140,22 +140,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
    -
    - language icon for selecting language - - English - - - Español - -
    @@ -277,24 +261,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
  • -
    -
    - language icon for selecting language - - English - - - Español - -
    -
    +
  • diff --git a/client/src/pages/__snapshots__/index.test.tsx.snap b/client/src/pages/__snapshots__/index.test.tsx.snap index 840c8ab9..c93feba8 100644 --- a/client/src/pages/__snapshots__/index.test.tsx.snap +++ b/client/src/pages/__snapshots__/index.test.tsx.snap @@ -140,22 +140,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
    -
    - language icon for selecting language - - English - - - Español - -
    @@ -277,24 +261,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
  • -
    -
    - language icon for selecting language - - English - - - Español - -
    -
    +
  • diff --git a/client/src/pages/__snapshots__/methodology.test.tsx.snap b/client/src/pages/__snapshots__/methodology.test.tsx.snap index 099e00c6..7eb5cde0 100644 --- a/client/src/pages/__snapshots__/methodology.test.tsx.snap +++ b/client/src/pages/__snapshots__/methodology.test.tsx.snap @@ -140,22 +140,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
    -
    - language icon for selecting language - - English - - - Español - -
    @@ -277,24 +261,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
  • -
    -
    - language icon for selecting language - - English - - - Español - -
    -
    +