From 695ea231dfa9191b41fabea9f75eb08fca3c7d18 Mon Sep 17 00:00:00 2001
From: Sondre Lefsaker <sondre.lefsaker@nav.no>
Date: Mon, 5 Feb 2024 17:03:01 +0100
Subject: [PATCH] flytt css til felles komponent

---
 ...iaArbeidsmarkedstiltakDetaljer.module.scss |  7 ---
 .../ModiaArbeidsmarkedstiltakDetaljer.tsx     |  4 +-
 .../PreviewArbeidsmarkedstiltakDetaljer.tsx   | 52 +++++++++----------
 ...ewTiltaksgjennomforingDetaljer.module.scss |  7 +++
 .../ViewTiltaksgjennomforingDetaljer.tsx      | 11 ++--
 5 files changed, 40 insertions(+), 41 deletions(-)

diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.module.scss b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.module.scss
index f7f604fb3f..ba632f6469 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.module.scss
+++ b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.module.scss
@@ -1,10 +1,3 @@
-.brukeractions_container {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  margin-top: 1rem;
-}
-
 .link {
   text-align: center;
   margin: 1rem 0;
diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx
index 796b006bf2..ac19b6c081 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx
+++ b/frontend/mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx
@@ -111,7 +111,7 @@ export function ModiaArbeidsmarkedstiltakDetaljer() {
           </>
         }
         brukerActions={
-          <div className={styles.brukeractions_container}>
+          <>
             {kanOppretteAvtaleForTiltak && (
               <Button
                 onClick={() => {
@@ -169,7 +169,7 @@ export function ModiaArbeidsmarkedstiltakDetaljer() {
                 </Button>
               </div>
             )}
-          </div>
+          </>
         }
       />
     </>
diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakDetaljer.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakDetaljer.tsx
index f1d22580d5..14f24cb35d 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakDetaljer.tsx
+++ b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakDetaljer.tsx
@@ -28,34 +28,32 @@ export function PreviewArbeidsmarkedstiltakDetaljer() {
         brukersInnsatsgruppe={brukersInnsatsgruppe}
         knapperad={<Tilbakeknapp tilbakelenke=".." tekst="Tilbake til tiltaksoversikten" />}
         brukerActions={
-          <div>
-            <DelMedBruker
-              tiltaksgjennomforing={data}
-              veiledernavn="{Veiledernavn}"
-              brukerdata={{
-                fnr: "12345678910",
-                fornavn: "{NAVN}",
-                manuellStatus: {
-                  erUnderManuellOppfolging: false,
-                  krrStatus: { kanVarsles: true, erReservert: false },
+          <DelMedBruker
+            tiltaksgjennomforing={data}
+            veiledernavn="{Veiledernavn}"
+            brukerdata={{
+              fnr: "12345678910",
+              fornavn: "{NAVN}",
+              manuellStatus: {
+                erUnderManuellOppfolging: false,
+                krrStatus: { kanVarsles: true, erReservert: false },
+              },
+              varsler: [],
+              enheter: [
+                {
+                  navn: "{GEOGRAFISK_ENHET}",
+                  enhetsnummer: "0",
+                  overordnetEnhet: "0100",
+                  type: NavEnhetType.LOKAL,
+                  status: NavEnhetStatus.AKTIV,
                 },
-                varsler: [],
-                enheter: [
-                  {
-                    navn: "{GEOGRAFISK_ENHET}",
-                    enhetsnummer: "0",
-                    overordnetEnhet: "0100",
-                    type: NavEnhetType.LOKAL,
-                    status: NavEnhetStatus.AKTIV,
-                  },
-                ],
-              }}
-              lagreVeilederHarDeltTiltakMedBruker={async (dialogId, gjennomforing) => {
-                // eslint-disable-next-line no-console
-                console.log("Del med bruker", dialogId, gjennomforing);
-              }}
-            />
-          </div>
+              ],
+            }}
+            lagreVeilederHarDeltTiltakMedBruker={async (dialogId, gjennomforing) => {
+              // eslint-disable-next-line no-console
+              console.log("Del med bruker", dialogId, gjennomforing);
+            }}
+          />
         }
       />
     </>
diff --git a/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.module.scss b/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.module.scss
index df6ae8f741..1dd94cbcd0 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.module.scss
+++ b/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.module.scss
@@ -3,6 +3,13 @@
   margin: 0 auto;
 }
 
+.brukeractions_container {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  margin-top: 1rem;
+}
+
 .top_wrapper {
   align-items: baseline;
   display: flex;
diff --git a/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.tsx b/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.tsx
index 1f2259b0e9..caec77c803 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.tsx
+++ b/frontend/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.tsx
@@ -2,12 +2,12 @@ import { PadlockLockedFillIcon } from "@navikt/aksel-icons";
 import { Alert } from "@navikt/ds-react";
 import { Innsatsgruppe, VeilederflateTiltaksgjennomforing } from "mulighetsrommet-api-client";
 import { Route, Routes } from "react-router-dom";
-import SidemenyDetaljer from "../components/sidemeny/SidemenyDetaljer";
-import TiltaksdetaljerFane from "../components/tabs/TiltaksdetaljerFane";
-import { useGetTiltaksgjennomforingIdFraUrl } from "../core/api/queries/useGetTiltaksgjennomforingIdFraUrl";
+import SidemenyDetaljer from "@/components/sidemeny/SidemenyDetaljer";
+import TiltaksdetaljerFane from "@/components/tabs/TiltaksdetaljerFane";
+import { useGetTiltaksgjennomforingIdFraUrl } from "@/core/api/queries/useGetTiltaksgjennomforingIdFraUrl";
 import TiltaksgjennomforingsHeader from "./TiltaksgjennomforingsHeader";
 import styles from "./ViewTiltaksgjennomforingDetaljer.module.scss";
-import { Oppskrift } from "../components/oppskrift/Oppskrift";
+import { Oppskrift } from "@/components/oppskrift/Oppskrift";
 import { ReactNode } from "react";
 
 interface Props {
@@ -44,7 +44,8 @@ export const ViewTiltaksgjennomforingDetaljer = ({
         )}
         <div className={styles.sidemeny}>
           <SidemenyDetaljer tiltaksgjennomforing={tiltaksgjennomforing} />
-          {brukerActions}
+
+          <div className={styles.brukeractions_container}>{brukerActions}</div>
         </div>
         <TiltaksdetaljerFane tiltaksgjennomforing={tiltaksgjennomforing} />
       </div>