From 14f21a9032b377ebe3783b672fd47f3384c568e6 Mon Sep 17 00:00:00 2001
From: Betsy Carina Traran <betsy.carina.traran@nav.no>
Date: Thu, 9 Jan 2025 16:28:11 +0100
Subject: [PATCH] Fiks visning av sykemelding

---
 .../sykdom/bestilling/Sykemelding.tsx         | 48 +++++++++++--------
 .../tjenestepensjon/form/TPForm.less          |  6 ---
 .../uforetrygd/bestilling/Uforetrygd.tsx      |  8 ++--
 3 files changed, 33 insertions(+), 29 deletions(-)

diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/bestilling/Sykemelding.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/bestilling/Sykemelding.tsx
index 21875557652..5633a0f33cc 100644
--- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/bestilling/Sykemelding.tsx
+++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/sykdom/bestilling/Sykemelding.tsx
@@ -67,9 +67,9 @@ export const Sykemelding = ({ sykemelding }: SykemeldingProps) => {
 						{detaljertSykemelding?.biDiagnoser?.length > 0 && (
 							<DollyFieldArray header="Bidiagnoser" data={detaljertSykemelding.biDiagnoser} nested>
 								{(diagnose: Diagnose, idx: number) => (
-									<div className="person-visning_content" key={idx}>
+									<React.Fragment key={idx}>
 										<TitleValue title="Diagnose" value={getDiagnose(diagnose)} size="xlarge" />
-									</div>
+									</React.Fragment>
 								)}
 							</DollyFieldArray>
 						)}
@@ -125,7 +125,7 @@ export const Sykemelding = ({ sykemelding }: SykemeldingProps) => {
 						{detaljertSykemelding.perioder?.length > 0 && (
 							<DollyFieldArray header="Perioder" data={detaljertSykemelding.perioder} nested>
 								{(periode: Periode, idx: number) => (
-									<div className="person-visning_content" key={idx}>
+									<React.Fragment key={idx}>
 										<TitleValue title="F.o.m. dato" value={formatDate(periode?.fom)} />
 										<TitleValue title="T.o.m. dato" value={formatDate(periode?.tom)} />
 										<TitleValue title="Aktivitet" value={periode?.aktivitet?.aktivitet} />
@@ -138,25 +138,35 @@ export const Sykemelding = ({ sykemelding }: SykemeldingProps) => {
 											title="Har reisetilskudd"
 											value={oversettBoolean(periode?.aktivitet?.reisetilskudd)}
 										/>
-									</div>
+									</React.Fragment>
 								)}
 							</DollyFieldArray>
 						)}
-						<BestillingData>
-							<TitleValue title="Tiltak fra NAV" value={detaljertSykemelding.detaljer.tiltakNav} />
-							<TitleValue
-								title="Tiltak på arbeidsplass"
-								value={detaljertSykemelding.detaljer.tiltakArbeidsplass}
-							/>
-							<TitleValue
-								title="Hensyn på arbeidsplass"
-								value={detaljertSykemelding.detaljer.beskrivHensynArbeidsplassen}
-							/>
-							<TitleValue
-								title="Arbeidsfør etter endt periode"
-								value={oversettBoolean(detaljertSykemelding.detaljer.arbeidsforEtterEndtPeriode)}
-							/>
-						</BestillingData>
+						{!isEmpty(detaljertSykemelding.detaljer) && (
+							<>
+								<BestillingTitle>Detaljer</BestillingTitle>
+								<BestillingData>
+									<TitleValue
+										title="Tiltak fra NAV"
+										value={detaljertSykemelding.detaljer.tiltakNav}
+									/>
+									<TitleValue
+										title="Tiltak på arbeidsplass"
+										value={detaljertSykemelding.detaljer.tiltakArbeidsplass}
+									/>
+									<TitleValue
+										title="Hensyn på arbeidsplass"
+										value={detaljertSykemelding.detaljer.beskrivHensynArbeidsplassen}
+									/>
+									<TitleValue
+										title="Arbeidsfør etter endt periode"
+										value={oversettBoolean(
+											detaljertSykemelding.detaljer.arbeidsforEtterEndtPeriode,
+										)}
+									/>
+								</BestillingData>
+							</>
+						)}
 					</>
 				)}
 			</ErrorBoundary>
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/TPForm.less b/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/TPForm.less
index 618d3920fad..00468f5fddb 100644
--- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/TPForm.less
+++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/tjenestepensjon/form/TPForm.less
@@ -6,13 +6,7 @@
     position: relative;
   }
 
-
   .navds-date .rdp-button {
     position: unset;
   }
-
-  && .navds-button {
-    position: unset;
-  }
-
 }
\ No newline at end of file
diff --git a/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/bestilling/Uforetrygd.tsx b/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/bestilling/Uforetrygd.tsx
index 39841095752..c7c6cdcf5d4 100644
--- a/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/bestilling/Uforetrygd.tsx
+++ b/apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/bestilling/Uforetrygd.tsx
@@ -71,8 +71,8 @@ export const Uforetrygd = ({ pensjon }: UforetrygdProps) => {
 										value={showLabel('inntektType', inntekt?.inntektType)}
 									/>
 									<TitleValue title="Beløp" value={inntekt?.belop} />
-									<TitleValue title="Dato fra" value={formatDate(inntekt?.datoFom)} />
-									<TitleValue title="Dato til" value={formatDate(inntekt?.datoTom)} />
+									<TitleValue title="Dato f.o.m." value={formatDate(inntekt?.datoFom)} />
+									<TitleValue title="Dato t.o.m." value={formatDate(inntekt?.datoTom)} />
 								</React.Fragment>
 							)}
 						</DollyFieldArray>
@@ -90,8 +90,8 @@ export const Uforetrygd = ({ pensjon }: UforetrygdProps) => {
 										value={showLabel('inntektType', inntekt?.inntektType)}
 									/>
 									<TitleValue title="Beløp" value={inntekt?.belop} />
-									<TitleValue title="Dato fra" value={formatDate(inntekt?.datoFom)} />
-									<TitleValue title="Dato til" value={formatDate(inntekt?.datoTom)} />
+									<TitleValue title="Dato f.o.m." value={formatDate(inntekt?.datoFom)} />
+									<TitleValue title="Dato t.o.m." value={formatDate(inntekt?.datoTom)} />
 								</React.Fragment>
 							)}
 						</DollyFieldArray>