flytt css til felles komponent

navikt · Feb 5, 2024 · ae7450b · ae7450b
1 parent 382c272
commit ae7450b
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 41 deletions.
diff --git a/...srommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.module.scss b/...srommet-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/...mulighetsrommet-veileder-flate/src/apps/modia/views/ModiaArbeidsmarkedstiltakDetaljer.tsx b/...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={() => {
@@ -126,6 +126,7 @@ export function ModiaArbeidsmarkedstiltakDetaljer() {
                 Opprett avtale
               </Button>
             )}
+
             {enableDeltakerRegistrering && skalVisePameldingslenke ? (
               <Link className={classNames(styles.link, styles.linkAsButton)} to="./deltaker">
                 Start påmelding
@@ -152,6 +153,7 @@ export function ModiaArbeidsmarkedstiltakDetaljer() {
                 seg mot elektronisk kommunikasjon
               </Alert>
             )}
+
             {delMedBrukerInfo && (
               <div className={styles.dialogknapp}>
                 <Button
@@ -169,7 +171,7 @@ export function ModiaArbeidsmarkedstiltakDetaljer() {
                 </Button>
               </div>
             )}
-          </div>
+          </>
         }
       />
     </>

diff --git a/...mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakDetaljer.tsx b/...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/...d/mulighetsrommet-veileder-flate/src/layouts/ViewTiltaksgjennomforingDetaljer.module.scss b/...d/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
@@ -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,7 @@ export const ViewTiltaksgjennomforingDetaljer = ({
         )}
         <div className={styles.sidemeny}>
           <SidemenyDetaljer tiltaksgjennomforing={tiltaksgjennomforing} />
-          {brukerActions}
+          <div className={styles.brukeractions_container}>{brukerActions}</div>
         </div>
         <TiltaksdetaljerFane tiltaksgjennomforing={tiltaksgjennomforing} />
       </div>