From 351983ebb68b28230628caae5def317b7e75c034 Mon Sep 17 00:00:00 2001
From: Sindre Moldeklev <sndrem@gmail.com>
Date: Mon, 21 Oct 2024 11:32:12 +0200
Subject: [PATCH] Viser tiltakstype i navnet for refusjonskrav

---
 .../refusjonskrav/RefusjonskravTable.tsx      | 56 ++++++++++---------
 1 file changed, 30 insertions(+), 26 deletions(-)

diff --git a/frontend/arrangor-flate/app/components/refusjonskrav/RefusjonskravTable.tsx b/frontend/arrangor-flate/app/components/refusjonskrav/RefusjonskravTable.tsx
index 86799b6a42..0ec11f5525 100644
--- a/frontend/arrangor-flate/app/components/refusjonskrav/RefusjonskravTable.tsx
+++ b/frontend/arrangor-flate/app/components/refusjonskrav/RefusjonskravTable.tsx
@@ -28,35 +28,39 @@ export function RefusjonskravTable({ krav }: Props) {
           </div>
         </div>
         <div>
-          {krav.map(({ id, status, fristForGodkjenning, beregning, gjennomforing }) => {
-            return (
-              <div
-                className={
-                  getRowStyle(status) + "grid grid-cols-12 gap-4 border border-[#122B4414] my-4"
-                }
-                key={id}
-              >
-                <div className={"col-span-12 bg-[#122B4414] p-1"}>{gjennomforing.navn}</div>
-                <div className={"grid grid-cols-12 col-span-12 p-2"}>
-                  <div className={"col-span-3"}>
-                    {`${formaterDato(beregning.periodeStart)} - ${formaterDato(beregning.periodeSlutt)}`}
+          {krav.map(
+            ({ id, status, fristForGodkjenning, beregning, gjennomforing, tiltakstype }) => {
+              return (
+                <div
+                  className={
+                    getRowStyle(status) + "grid grid-cols-12 gap-4 border border-[#122B4414] my-4"
+                  }
+                  key={id}
+                >
+                  <div className={"col-span-12 bg-[#122B4414] p-1"}>
+                    {tiltakstype.navn} - {gjennomforing.navn}
                   </div>
-                  <div className="col-span-2">{beregning.antallManedsverk}</div>
-                  <div className="col-span-2">{formaterTall(beregning.belop)} NOK</div>
-                  <div className="col-span-2">{formaterDato(fristForGodkjenning)}</div>
-                  <div className="col-span-2">{statusTilTag(status)}</div>
-                  <div className="col-span-1">
-                    <Link
-                      className="hover:underline font-bold no-underline"
-                      to={`for-du-begynner/${id}`}
-                    >
-                      Detaljer
-                    </Link>
+                  <div className={"grid grid-cols-12 col-span-12 p-2"}>
+                    <div className={"col-span-3"}>
+                      {`${formaterDato(beregning.periodeStart)} - ${formaterDato(beregning.periodeSlutt)}`}
+                    </div>
+                    <div className="col-span-2">{beregning.antallManedsverk}</div>
+                    <div className="col-span-2">{formaterTall(beregning.belop)} NOK</div>
+                    <div className="col-span-2">{formaterDato(fristForGodkjenning)}</div>
+                    <div className="col-span-2">{statusTilTag(status)}</div>
+                    <div className="col-span-1">
+                      <Link
+                        className="hover:underline font-bold no-underline"
+                        to={`for-du-begynner/${id}`}
+                      >
+                        Detaljer
+                      </Link>
+                    </div>
                   </div>
                 </div>
-              </div>
-            );
-          })}
+              );
+            },
+          )}
         </div>
       </div>
     </>