Flyttet overskrift ut av kort. Fjernet dato for registrering i min si…

…tuasjon
navikt · Oct 20, 2023 · 7b2d081 · 7b2d081
1 parent b6cbfe2
commit 7b2d081
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 50 deletions.
diff --git a/src/innhold/innhold-arbeidssoker-forenklet.tsx b/src/innhold/innhold-arbeidssoker-forenklet.tsx
@@ -19,22 +19,22 @@ const InnholdView = () => {
     const skalViseReaktiveringsKort = visAutomatiskReaktiveringsKort(featureToggleData, reaktivering);
 
     return (
-        <>
+        <div className={styles.limitStandard}>
             <InnholdMetrics />
+            <RegistrertTittel />
             <div className={`${styles.limitCenter} ${styles.card}`}>
                 {skalViseReaktiveringsKort ? (
                     <AutomatiskReaktivert />
                 ) : (
                     <>
                         <ReaktiveringKvittering />
-                        <RegistrertTittel />
                         <MinSituasjon />
                         <ForenkletInnhold />
                         <Motestotte />
                     </>
                 )}
             </div>
-        </>
+        </div>
     );
 };
 

diff --git a/src/innhold/innhold-situasjonsbestemt.tsx b/src/innhold/innhold-situasjonsbestemt.tsx
@@ -18,21 +18,21 @@ const InnholdSituasjonsbestemt = () => {
     const skalViseReaktiveringsKort = visAutomatiskReaktiveringsKort(featureToggleData, reaktivering);
 
     return (
-        <>
+        <div className={styles.limitStandard}>
             <InnholdMetrics />
+            <RegistrertTittel />
             <div className={`${styles.limitCenter} ${styles.card}`}>
                 {skalViseReaktiveringsKort ? (
                     <AutomatiskReaktivert />
                 ) : (
                     <>
                         <ReaktiveringKvittering />
-                        <RegistrertTittel />
                         <MinSituasjon />
                         <Situasjonsbestemt />
                     </>
                 )}
             </div>
-        </>
+        </div>
     );
 };
 

diff --git a/src/innhold/innhold-standard.tsx b/src/innhold/innhold-standard.tsx
@@ -36,15 +36,15 @@ const InnholdStandard = () => {
     const skalViseReaktiveringsKort = visAutomatiskReaktiveringsKort(featuretoggleData, reaktivering);
 
     return (
-        <>
+        <div className={styles.limitStandard}>
             <InnholdMetrics />
+            <RegistrertTittel />
             <div className={`${styles.limitCenter} ${styles.card}`}>
                 {skalViseReaktiveringsKort ? (
                     <AutomatiskReaktivert />
                 ) : (
                     <>
                         <ReaktiveringKvittering />
-                        <RegistrertTittel />
                         <MinSituasjon />
                         {harGyldigBehovsvurdering ? <HjelpOgStotte /> : <Behovsavklaring />}
                         <DagpengerOgYtelser />
@@ -54,7 +54,7 @@ const InnholdStandard = () => {
                     </>
                 )}
             </div>
-        </>
+        </div>
     );
 };
 

diff --git a/src/komponenter/min-situasjon/min-situasjon.tsx b/src/komponenter/min-situasjon/min-situasjon.tsx
@@ -1,4 +1,4 @@
-import { BodyShort, Box, Detail, Heading } from '@navikt/ds-react';
+import { Box, Detail, Heading } from '@navikt/ds-react';
 
 import { useFeatureToggleData } from '../../contexts/feature-toggles';
 import { useAmplitudeData } from '../hent-initial-data/amplitude-provider';
@@ -17,10 +17,6 @@ import useErStandardInnsats from '../../hooks/use-er-standard-innsats';
 import { useBrukerregistreringData } from '../../hooks/use-brukerregistrering-data';
 import { useBrukerInfoData } from '../../hooks/use-brukerinfo-data';
 import { useOppfolgingData } from '../../hooks/use-oppfolging-data';
-import prettyPrintDato from '../../utils/pretty-print-dato';
-import lagHentTekstForSprak from '../../lib/lag-hent-tekst-for-sprak';
-import { useSprakValg } from '../../contexts/sprak';
-import { TEKSTER } from '../registrert-tittel/registrert-tittel';
 import useSkalBrukeTabs from '../../hooks/use-skal-bruke-tabs';
 
 function MinSituasjon() {
@@ -39,8 +35,6 @@ function MinSituasjon() {
     const { aktivPeriodeStart } = beregnedeArbeidssokerperioder;
     const { opprettetDato, manueltRegistrertAv } = registreringData?.registrering || {};
     const harRegistreringData = Boolean(registreringData?.registrering);
-    const registrertDato = registreringData?.registrering?.opprettetDato || false;
-    const tekst = lagHentTekstForSprak(TEKSTER, useSprakValg().sprak);
 
     const kanViseKomponent = autentiseringData.securityLevel === InnloggingsNiva.LEVEL_4 && harRegistreringData;
     const skalVisesITabs = useSkalBrukeTabs();
@@ -71,11 +65,6 @@ function MinSituasjon() {
             <Heading className={spacingStyles.mb1} size="small">
                 {heading}
             </Heading>
-            {registrertDato && (
-                <BodyShort className={spacingStyles.mb1}>
-                    {tekst('registreringsDato')}: {prettyPrintDato(registrertDato)}
-                </BodyShort>
-            )}
             <Sammendrag
                 startDato={opprettetDato || aktivPeriodeStart}
                 manueltRegistrertAv={manueltRegistrertAv}

diff --git a/src/komponenter/registrert-tittel/registrert-tittel.tsx b/src/komponenter/registrert-tittel/registrert-tittel.tsx
@@ -1,5 +1,5 @@
 import { createRef, useCallback, useEffect, useState } from 'react';
-import { BodyShort, Box, Heading } from '@navikt/ds-react';
+import { BodyShort, Box } from '@navikt/ds-react';
 
 import { useSprakValg } from '../../contexts/sprak';
 import { useArbeidssokerPerioder } from '../../contexts/arbeidssoker';
@@ -11,7 +11,6 @@ import styles from '../../innhold/innhold.module.css';
 import { harPermittertSituasjon } from '../../lib/har-permittert-situasjon';
 import { useBesvarelse } from '../../contexts/besvarelse';
 import { useBrukerregistreringData } from '../../hooks/use-brukerregistrering-data';
-import prettyPrintDato from '../../utils/pretty-print-dato';
 
 export const TEKSTER = {
     nb: {
@@ -38,10 +37,7 @@ function hentTekstNokkel(erNyregistrert: boolean, erPermittert: boolean) {
     return 'registrert';
 }
 
-interface Props {
-    standard?: boolean;
-}
-const RegistrertTittel = ({ standard }: Props) => {
+const RegistrertTittel = () => {
     const tekst = lagHentTekstForSprak(TEKSTER, useSprakValg().sprak);
     const containerRef = createRef<HTMLDivElement>();
     const [erNyRegistrert, settErNyRegistrert] = useState<boolean>(false);
@@ -51,8 +47,6 @@ const RegistrertTittel = ({ standard }: Props) => {
     const harAktivArbeidssokerperiode = arbeidssokerperioder.harAktivArbeidssokerperiode === 'Ja';
     const harBrukerregistreringData = Boolean(brukerregistreringData?.registrering);
     const { besvarelse } = useBesvarelse();
-    const registreringData = useBrukerregistreringData();
-    const registrertDato = registreringData?.registrering?.opprettetDato || false;
     const erPermittert = harPermittertSituasjon(brukerregistreringData?.registrering, besvarelse);
 
     const scrollToRegistrering = useCallback(() => {
@@ -71,30 +65,13 @@ const RegistrertTittel = ({ standard }: Props) => {
         scrollToRegistrering();
     }, [scrollToRegistrering]);
 
-    function getStandardPanel() {
-        return (
-            <Box padding="4" className={`${spacingStyles.mb075} ${spacingStyles.pa0}`}>
-                <BodyShort className={styles.header}>{tekst(hentTekstNokkel(erNyRegistrert, erPermittert))}</BodyShort>
-            </Box>
-        );
-    }
-
     if (!harAktivArbeidssokerperiode || !harBrukerregistreringData) return null;
 
     return (
         <div ref={containerRef}>
-            {standard ? (
-                getStandardPanel()
-            ) : (
-                <Box padding="4" className={spacingStyles.pbn}>
-                    <Heading size="small">{tekst(hentTekstNokkel(erNyRegistrert, erPermittert))}</Heading>
-                    {registrertDato && (
-                        <BodyShort>
-                            {tekst('registreringsDato')}: {prettyPrintDato(registrertDato)}
-                        </BodyShort>
-                    )}
-                </Box>
-            )}
+            <Box padding="4" className={`${spacingStyles.mb075} ${spacingStyles.pa0}`}>
+                <BodyShort className={styles.header}>{tekst(hentTekstNokkel(erNyRegistrert, erPermittert))}</BodyShort>
+            </Box>
         </div>
     );
 };

diff --git a/src/tabs/aia-tabs.tsx b/src/tabs/aia-tabs.tsx
@@ -163,7 +163,7 @@ const AiaTabs = () => {
 
     return (
         <div className={styles.limitStandard}>
-            <RegistrertTittel standard />
+            <RegistrertTittel />
             <div className={styles.card}>
                 <Tabs value={aktivTab} onChange={onChangeTab} className={`${tabStyles.mb2} ${tabStyles.mt1}`}>
                     <Tabs.List>