Skal fjerne avhengighet react-device-detect. Vi sjekket om brukeren h…

…adde IE som nettleser, men denne er ikke lenger i bruk for Windows 10 eller nyere.
navikt · Jan 3, 2025 · 2ac2182 · 2ac2182
1 parent ef619a1
commit 2ac2182
Show file tree

Hide file tree

Showing 13 changed files with 29 additions and 107 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -56,7 +56,6 @@
     "iso-datestring-validator": "^2.2.2",
     "nav-faker": "^3.2.4",
     "react": "^19.0.0",
-    "react-device-detect": "^2.2.3",
     "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.5",
     "react-router-dom": "^7.0.2",

diff --git a/src/arbeidssøkerskjema/Forside.tsx b/src/arbeidssøkerskjema/Forside.tsx
@@ -14,7 +14,6 @@ import { DisclaimerBoks } from '../components/forside/DisclaimerBoks';
 import { Seksjon } from '../components/forside/Seksjon';
 import { Overskrift } from '../components/forside/Overskrift';
 import { Tekst } from '../components/forside/Tekst';
-import { isIE } from 'react-device-detect';
 import { KnappLocaleTekstOgNavigate } from '../components/knapper/KnappLocaleTekstOgNavigate';
 
 const Forside: React.FC<{ visningsnavn: string }> = ({ visningsnavn }) => {
@@ -61,14 +60,12 @@ const Forside: React.FC<{ visningsnavn: string }> = ({ visningsnavn }) => {
             />
           </Seksjon>
 
-          {!isIE && (
-            <DisclaimerBoks
-              navn={visningsnavn}
-              tekst={'forside.overgangsstønad.disclaimerTekst'}
-              harBekreftet={skjema.harBekreftet}
-              settBekreftelse={settBekreftelse}
-            />
-          )}
+          <DisclaimerBoks
+            navn={visningsnavn}
+            tekst={'forside.overgangsstønad.disclaimerTekst'}
+            harBekreftet={skjema.harBekreftet}
+            settBekreftelse={settBekreftelse}
+          />
 
           {skjema.harBekreftet && (
             <KnappLocaleTekstOgNavigate nesteSide={nesteSide} />

diff --git a/src/barnetilsyn/BarnetilsynInformasjon.tsx b/src/barnetilsyn/BarnetilsynInformasjon.tsx
@@ -1,5 +1,4 @@
 import LocaleTekst from '../language/LocaleTekst';
-import { isIE } from 'react-device-detect';
 import { DisclaimerBoks } from '../components/forside/DisclaimerBoks';
 import { Tekst } from '../components/forside/Tekst';
 import { Seksjon } from '../components/forside/Seksjon';
@@ -110,14 +109,12 @@ export const BarnetilsynInformasjon: React.FC<InformasjonProps> = ({
         <Tekst tekst="forside.barnetilsyn.slikSøkerDu4" />
       </Seksjon>
 
-      {!isIE && (
-        <DisclaimerBoks
-          navn={person.søker.forkortetNavn}
-          tekst={'forside.barnetilsyn.disclaimerTekst'}
-          harBekreftet={harBekreftet}
-          settBekreftelse={settBekreftelse}
-        />
-      )}
+      <DisclaimerBoks
+        navn={person.søker.forkortetNavn}
+        tekst={'forside.barnetilsyn.disclaimerTekst'}
+        harBekreftet={harBekreftet}
+        settBekreftelse={settBekreftelse}
+      />
       {harBekreftet && (
         <KnappLocaleTekstOgNavigate
           nesteSide={kanGjenbrukeForrigeSøknad ? gjenbrukSide : nesteSide}

diff --git a/src/barnetilsyn/Forside.tsx b/src/barnetilsyn/Forside.tsx
@@ -1,9 +1,7 @@
 import { Alert, Box, Heading } from '@navikt/ds-react';
 import React from 'react';
-import { isIE } from 'react-device-detect';
 import styled from 'styled-components';
 import Environment from '../Environment';
-import { AlertIE } from '../components/forside/AlertIE';
 import { AlertUnderAtten } from '../components/forside/AlertUnderAtten';
 import FortsettSøknad from '../components/forside/FortsettSøknad';
 import { VeilederBoks } from '../components/forside/VeilederBoks';
@@ -71,8 +69,6 @@ const Forside: React.FC = () => {
 
           {alder < 18 && <AlertUnderAtten />}
 
-          {isIE && <AlertIE />}
-
           <Heading level="1" size="xlarge">
             <LocaleTekst tekst={'barnetilsyn.sidetittel'} />
           </Heading>

diff --git a/src/components/forside/AlertIE.tsx b/src/components/forside/AlertIE.tsx
diff --git a/src/language/tekster_en.ts b/src/language/tekster_en.ts
@@ -78,8 +78,6 @@ export default {
     'You have an ongoing application form. Would you like to continue applying on this one or begin a new one?',
   'side.fortsettSøknad.knapp.startPåNytt': 'Start over',
   'side.fortsettSøknad.knapp.fortsett': 'Continue ongoing application',
-  'side.alert.plsnoIE':
-    'The application form is not compatible with Internet Explorer. Please use a different browser scuh as Google Chrome, Microsoft Edge, Safari or Mozilla Firefox.',
   'stegtittel.omDeg': 'About you',
   'personopplysninger.fnr': 'National identity number',
   'personopplysninger.telefonnr': 'Telephone number you can be contacted on',

diff --git a/src/language/tekster_nb.ts b/src/language/tekster_nb.ts
@@ -77,8 +77,6 @@ export default {
     'Du har en påbegynt søknad. Vil du fortsette på denne eller starte en ny?',
   'side.fortsettSøknad.knapp.startPåNytt': 'Start på nytt',
   'side.fortsettSøknad.knapp.fortsett': 'Fortsett på søknaden',
-  'side.alert.plsnoIE':
-    'Søknaden er ikke tilpasset nettleseren Internet Explorer. Vi anbefaler deg å bruke en annen nettleser, for eksempel Google Chrome, Safari eller Firefox.',
   'stegtittel.omDeg': 'Om deg',
   'personopplysninger.fnr': 'Fødselsnr',
   'personopplysninger.telefonnr': 'Telefonnummer',

diff --git a/src/language/tekster_nn.ts b/src/language/tekster_nn.ts
@@ -117,8 +117,6 @@ export default {
     'You have an ongoing application form. Would you like to continue applying on this one or begin a new one?',
   'side.fortsettSøknad.knapp.startPåNytt': 'Start over',
   'side.fortsettSøknad.knapp.fortsett': 'Continue ongoing application',
-  'side.alert.plsnoIE':
-    'The application form is not compatible with Internet Explorer. Please use a different browser scuh as Google Chrome, Microsoft Edge, Safari or Mozilla Firefox.',
 
   'person.navn': 'Name',
   'person.feilmelding.navn': 'Du må fylle ut navnet før du går videre',

diff --git a/src/overgangsstønad/Forside.tsx b/src/overgangsstønad/Forside.tsx
@@ -3,15 +3,13 @@ import { usePersonContext } from '../context/PersonContext';
 import { useSøknad } from '../context/SøknadContext';
 import FortsettSøknad from '../components/forside/FortsettSøknad';
 import Environment from '../Environment';
-import { isIE } from 'react-device-detect';
 import { logSidevisningOvergangsstonad } from '../utils/amplitude';
 import LocaleTekst from '../language/LocaleTekst';
 import { useMount, useSpråkValg } from '../utils/hooks';
 import { ESkjemanavn } from '../utils/skjemanavn';
 import { useLokalIntlContext } from '../context/LokalIntlContext';
 import { Heading, Box } from '@navikt/ds-react';
 import { OvergangsstønadInformasjon } from './OvergangsstønadInformasjon';
-import { AlertIE } from '../components/forside/AlertIE';
 import { AlertUnderAtten } from '../components/forside/AlertUnderAtten';
 import { VeilederBoks } from '../components/forside/VeilederBoks';
 
@@ -63,8 +61,6 @@ const Forside: React.FC = () => {
 
           {alder < 18 && <AlertUnderAtten />}
 
-          {isIE && <AlertIE />}
-
           <Heading level="1" size="xlarge">
             <LocaleTekst tekst="banner.tittel.overgangsstønad" />
           </Heading>

diff --git a/src/overgangsstønad/OvergangsstønadInformasjon.tsx b/src/overgangsstønad/OvergangsstønadInformasjon.tsx
@@ -1,5 +1,4 @@
 import LocaleTekst from '../language/LocaleTekst';
-import { isIE } from 'react-device-detect';
 import { DisclaimerBoks } from '../components/forside/DisclaimerBoks';
 import { Tekst } from '../components/forside/Tekst';
 import { Seksjon } from '../components/forside/Seksjon';
@@ -58,14 +57,12 @@ export const OvergangsstønadInformasjon: React.FC<InformasjonProps> = ({
         <Tekst tekst="forside.overgangsstønad.manglerDuDokumentasjon" />
       </Seksjon>
 
-      {!isIE && (
-        <DisclaimerBoks
-          navn={person.søker.forkortetNavn}
-          tekst={'forside.overgangsstønad.disclaimerTekst'}
-          harBekreftet={harBekreftet}
-          settBekreftelse={settBekreftelse}
-        />
-      )}
+      <DisclaimerBoks
+        navn={person.søker.forkortetNavn}
+        tekst={'forside.overgangsstønad.disclaimerTekst'}
+        harBekreftet={harBekreftet}
+        settBekreftelse={settBekreftelse}
+      />
 
       {harBekreftet && <KnappLocaleTekstOgNavigate nesteSide={nesteSide} />}
     </>

diff --git a/src/skolepenger/Forside.tsx b/src/skolepenger/Forside.tsx
@@ -9,10 +9,8 @@ import { useMount, useSpråkValg } from '../utils/hooks';
 import { ESkjemanavn } from '../utils/skjemanavn';
 import { useLokalIntlContext } from '../context/LokalIntlContext';
 import { Alert, Heading, Box } from '@navikt/ds-react';
-import { isIE } from 'react-device-detect';
 import styled from 'styled-components';
 import { erNåværendeMånedMellomMåneder, nåværendeÅr } from '../utils/dato';
-import { AlertIE } from '../components/forside/AlertIE';
 import { AlertUnderAtten } from '../components/forside/AlertUnderAtten';
 import { VeilederBoks } from '../components/forside/VeilederBoks';
 import SkolepengerInformasjon from './SkolepengerInformasjon';
@@ -70,8 +68,6 @@ const Forside: React.FC = () => {
 
           {alder < 18 && <AlertUnderAtten />}
 
-          {isIE && <AlertIE />}
-
           <Heading level="1" size="xlarge">
             <LocaleTekst tekst={'skolepenger.overskrift'} />
           </Heading>

diff --git a/src/skolepenger/SkolepengerInformasjon.tsx b/src/skolepenger/SkolepengerInformasjon.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import { InformasjonProps } from '../components/forside/typer';
 import { hentPath } from '../utils/routing';
 import { RoutesSkolepenger, ERouteSkolepenger } from './routing/routes';
-import { isIE } from 'react-device-detect';
 import { DisclaimerBoks } from '../components/forside/DisclaimerBoks';
 import { Overskrift } from '../components/forside/Overskrift';
 import { Seksjon } from '../components/forside/Seksjon';
@@ -53,14 +52,12 @@ export const SkolepengerInformasjon: React.FC<InformasjonProps> = ({
         <Tekst tekst="forside.skolepenger.manglerDuDokumentasjon" />
       </Seksjon>
 
-      {!isIE && (
-        <DisclaimerBoks
-          navn={person.søker.forkortetNavn}
-          tekst={'forside.skolepenger.disclaimerTekst'}
-          harBekreftet={harBekreftet}
-          settBekreftelse={settBekreftelse}
-        />
-      )}
+      <DisclaimerBoks
+        navn={person.søker.forkortetNavn}
+        tekst={'forside.skolepenger.disclaimerTekst'}
+        harBekreftet={harBekreftet}
+        settBekreftelse={settBekreftelse}
+      />
 
       {harBekreftet && <KnappLocaleTekstOgNavigate nesteSide={nesteSide} />}
     </>