diff --git a/.env.example b/.env.example index a3490741..f5b10bb6 100644 --- a/.env.example +++ b/.env.example @@ -5,4 +5,5 @@ DEKORATOR_URL=https://dekoratoren.ekstern.dev.nav.no MILJO=local MIN_SIDE_ARBEIDSGIVER_URL=https://arbeidsgiver.ekstern.dev.nav.no/min-side-arbeidsgiver FOREBYGGE_FRAVAR_URL=https://arbeidsgiver.ekstern.dev.nav.no/forebygge-fravar -GRAFANA_AGENT_COLLECTOR_URL=http://localhost:12347/collect \ No newline at end of file +GRAFANA_AGENT_COLLECTOR_URL=http://localhost:12347/collect +PROD_URL=https://arbeidsgiver.nav.no/sykefravarsstatistikk \ No newline at end of file diff --git a/.github/workflows/build-deploy.yaml b/.github/workflows/build-deploy.yaml index 1e5f1545..6e340eda 100644 --- a/.github/workflows/build-deploy.yaml +++ b/.github/workflows/build-deploy.yaml @@ -50,7 +50,7 @@ jobs: deploy-to-dev-gcp: name: Deploy to dev-gcp - if: github.ref == 'refs/heads/master' + if: github.ref == 'refs/heads/master' || github.ref == 'refs/heads/test-versjon-banner' needs: docker-build-push runs-on: ubuntu-latest timeout-minutes: 5 diff --git a/nais/dev-ekstern.yaml b/nais/dev-ekstern.yaml index 9d2a34a2..3add7e6a 100644 --- a/nais/dev-ekstern.yaml +++ b/nais/dev-ekstern.yaml @@ -36,6 +36,8 @@ spec: value: https://arbeidsgiver.ekstern.dev.nav.no/min-side-arbeidsgiver - name: FOREBYGGE_FRAVAR_URL value: https://arbeidsgiver.ekstern.dev.nav.no/forebygge-fravar + - name: PROD_URL + value: https://arbeidsgiver.nav.no/sykefravarsstatistikk accessPolicy: outbound: external: diff --git a/public/index.html b/public/index.html index 5d1f2c0e..faa3854d 100644 --- a/public/index.html +++ b/public/index.html @@ -10,7 +10,8 @@ { "MILJØ": "{{MILJO}}", "MIN_SIDE_ARBEIDSGIVER_URL": "{{{MIN_SIDE_ARBEIDSGIVER_URL}}}", - "GRAFANA_AGENT_COLLECTOR_URL": "{{{GRAFANA_AGENT_COLLECTOR_URL}}}" + "GRAFANA_AGENT_COLLECTOR_URL": "{{{GRAFANA_AGENT_COLLECTOR_URL}}}", + "PROD_URL": "{{{PROD_URL}}}" } Sykefraværsstatistikk diff --git a/src/Banner/TestVersjonBanner.module.css b/src/Banner/TestVersjonBanner.module.css new file mode 100644 index 00000000..214d61d1 --- /dev/null +++ b/src/Banner/TestVersjonBanner.module.css @@ -0,0 +1,5 @@ +.alert { + max-width: 60rem; + width: 100%; + margin: 0 auto 1.5rem auto; +} diff --git a/src/Banner/TestVersjonBanner.tsx b/src/Banner/TestVersjonBanner.tsx new file mode 100644 index 00000000..0c9fd393 --- /dev/null +++ b/src/Banner/TestVersjonBanner.tsx @@ -0,0 +1,33 @@ +import { Alert, BodyShort, Heading, Link } from '@navikt/ds-react'; +import styles from './TestVersjonBanner.module.css'; +import { EnvironmentContext } from '../Context/EnvironmentContext'; +import { useContext } from 'react'; +import { MILJØ } from '../konstanter'; + +const TestVersjonBanner = () => { + const { PROD_URL, MILJØ: miljø } = useContext(EnvironmentContext); + const erPåDevEllerLocal = miljø === MILJØ.DEV_EKSTERN || miljø === MILJØ.LOCAL; + + const prodUrl = + PROD_URL?.length && !PROD_URL.startsWith('{{{') && !PROD_URL.endsWith('}}}') + ? PROD_URL + : null; + + if (!erPåDevEllerLocal) return null; + + return ( + + + Dette er en testversjon + + + Her kan du bli bedre kjent med samtalestøtte for arbeidsgiver. + {prodUrl?.length ? ( + Klikk her for å gå til den vanlige siden. + ) : null} + + + ); +}; + +export default TestVersjonBanner; diff --git a/src/Context/EnvironmentContext.ts b/src/Context/EnvironmentContext.ts index 02f264e8..9847516b 100644 --- a/src/Context/EnvironmentContext.ts +++ b/src/Context/EnvironmentContext.ts @@ -5,11 +5,15 @@ import { MILJØ } from '../konstanter'; const notEmptyTemplateString = z .string() .refine((value) => !value.startsWith('{{') || !value.endsWith('}}')); +const optionalTemplateString = z.optional( + z.string().refine((value) => !value.startsWith('{{') || !value.endsWith('}}')) +); const Data = z.object({ MILJØ: notEmptyTemplateString.refine((value) => isMiljø(value)), MIN_SIDE_ARBEIDSGIVER_URL: notEmptyTemplateString, GRAFANA_AGENT_COLLECTOR_URL: notEmptyTemplateString, + PROD_URL: optionalTemplateString, }); type Data = z.infer; @@ -25,6 +29,7 @@ const fallbackData: Data = { MILJØ: MILJØ.LOCAL, MIN_SIDE_ARBEIDSGIVER_URL: '', GRAFANA_AGENT_COLLECTOR_URL: '', + PROD_URL: 'https://arbeidsgiver.nav.no/sykefravarsstatistikk', }; export const getEnvironmentContext = (): Data => { if (typeof document === 'undefined') { diff --git a/src/Forside/Forside.tsx b/src/Forside/Forside.tsx index a712d2e2..25e6395f 100644 --- a/src/Forside/Forside.tsx +++ b/src/Forside/Forside.tsx @@ -16,6 +16,7 @@ import Tabell, { hentTabellProps } from '../Historikk/Tabell/Tabell'; import { SlikHarViKommetFramTilDittResultat } from './SlikHarViKommetFramTilDittResultat/SlikHarViKommetFramTilDittResultat'; import { PeriodeForStatistikk } from './PeriodeForStatistikk'; import { PubliseringsdatoOppdateringsinfo } from './PubliseringsdatoOppdateringsinfo'; +import TestVersjonBanner from '../Banner/TestVersjonBanner'; export const Forside: FunctionComponent = (appData) => { const orgnr = useOrgnr() || ''; @@ -51,6 +52,7 @@ export const Forside: FunctionComponent = (appData) => { return (
+
@@ -115,6 +117,7 @@ export const Forside: FunctionComponent = (appData) => { return (
+
{harFeil && (