From 34dc6d8d4d230a2ab2d03eb15ab007c84ef9eae5 Mon Sep 17 00:00:00 2001
From: taniaholst <tania.holst@nav.no>
Date: Tue, 6 Feb 2024 14:01:11 +0100
Subject: [PATCH] merget preview og nav oversiktsfiler

---
 .../src/apps/nav/NavArbeidsmarkedstiltak.tsx  |  2 +-
 .../apps/nav/PreviewArbeidsmarkedstiltak.tsx  |  4 +--
 .../views/NavArbeidsmarkedstiltakOversikt.tsx | 11 ++++--
 .../PreviewArbeidsmarkedstiltakOversikt.tsx   | 34 -------------------
 .../api/queries/useTiltaksgjennomforinger.ts  | 16 ++++-----
 5 files changed, 18 insertions(+), 49 deletions(-)
 delete mode 100644 frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakOversikt.tsx

diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/NavArbeidsmarkedstiltak.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/NavArbeidsmarkedstiltak.tsx
index eeea594bcf..7e1595eefa 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/NavArbeidsmarkedstiltak.tsx
+++ b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/NavArbeidsmarkedstiltak.tsx
@@ -18,7 +18,7 @@ export function NavArbeidsmarkedstiltak() {
       }
     >
       <Routes>
-        <Route path="oversikt" element={<NavArbeidsmarkedstiltakOversikt />} />
+        <Route path="oversikt" element={<NavArbeidsmarkedstiltakOversikt preview={false} />} />
         <Route path="tiltak/:id/*" element={<NavArbeidsmarkedstiltakDetaljer />} />
         <Route path="om" element={<OmArbeidsmarkedstiltak />} />
         <Route path="*" element={<Navigate replace to="./oversikt" />} />
diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/PreviewArbeidsmarkedstiltak.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/PreviewArbeidsmarkedstiltak.tsx
index e2b7ea30ee..6663d7d6e3 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/PreviewArbeidsmarkedstiltak.tsx
+++ b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/PreviewArbeidsmarkedstiltak.tsx
@@ -2,14 +2,14 @@ import "@navikt/ds-css";
 import { Navigate, Route, Routes } from "react-router-dom";
 import { AppContainer } from "@/layouts/AppContainer";
 import { ArbeidsmarkedstiltakHeader } from "@/components/ArbeidsmarkedstiltakHeader";
-import { PreviewArbeidsmarkedstiltakOversikt } from "./views/PreviewArbeidsmarkedstiltakOversikt";
 import { PreviewArbeidsmarkedstiltakDetaljer } from "./views/PreviewArbeidsmarkedstiltakDetaljer";
+import { NavArbeidsmarkedstiltakOversikt } from "@/apps/nav/views/NavArbeidsmarkedstiltakOversikt";
 
 export function PreviewArbeidsmarkedstiltak() {
   return (
     <AppContainer header={<ArbeidsmarkedstiltakHeader href={"/preview"} />}>
       <Routes>
-        <Route path="oversikt" element={<PreviewArbeidsmarkedstiltakOversikt />} />
+        <Route path="oversikt" element={<NavArbeidsmarkedstiltakOversikt preview />} />
         <Route path="tiltak/:id/*" element={<PreviewArbeidsmarkedstiltakDetaljer />} />
         <Route path="*" element={<Navigate replace to="./oversikt" />} />
       </Routes>
diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx
index 98f5d5ca7e..aa594a3fe8 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx
+++ b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/NavArbeidsmarkedstiltakOversikt.tsx
@@ -11,8 +11,15 @@ import {
 } from "@/hooks/useArbeidsmarkedstiltakFilter";
 import { FiltertagsArbeidsmarkedstiltak } from "@/components/filtrering/FiltertagsArbeidsmarkedstiltak";
 
-export const NavArbeidsmarkedstiltakOversikt = () => {
-  const { data: tiltaksgjennomforinger = [], isLoading } = useNavTiltaksgjennomforinger();
+interface Props {
+  preview: boolean;
+}
+
+export const NavArbeidsmarkedstiltakOversikt = ({ preview }: Props) => {
+  const { data: tiltaksgjennomforinger = [], isLoading } = useNavTiltaksgjennomforinger({
+    preview,
+  });
+
   const { filter, filterHasChanged, resetFilterToDefaults } =
     useResetArbeidsmarkedstiltakFilterUtenBrukerIKontekst();
 
diff --git a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakOversikt.tsx b/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakOversikt.tsx
deleted file mode 100644
index 2fd7d632f1..0000000000
--- a/frontend/mulighetsrommet-veileder-flate/src/apps/nav/views/PreviewArbeidsmarkedstiltakOversikt.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { TiltakLoader } from "@/components/TiltakLoader";
-import { Feilmelding } from "@/components/feilmelding/Feilmelding";
-import { FilterAndTableLayout } from "@/components/filtrering/FilterAndTableLayout";
-import { Filtertags } from "@/components/filtrering/Filtertags";
-import { Tiltaksgjennomforingsoversikt } from "@/components/oversikt/Tiltaksgjennomforingsoversikt";
-import { usePreviewTiltaksgjennomforinger } from "@/core/api/queries/useTiltaksgjennomforinger";
-import { FilterMenyMedSkeletonLoader } from "@/components/filtrering/FilterMenyMedSkeletonLoader";
-
-export const PreviewArbeidsmarkedstiltakOversikt = () => {
-  const { data: tiltaksgjennomforinger = [], isLoading } = usePreviewTiltaksgjennomforinger();
-
-  return (
-    <FilterAndTableLayout
-      buttons={null}
-      filter={<FilterMenyMedSkeletonLoader />}
-      tags={<Filtertags />}
-      table={
-        <div>
-          {isLoading ? (
-            <TiltakLoader />
-          ) : tiltaksgjennomforinger.length === 0 ? (
-            <Feilmelding
-              header="Ingen tiltaksgjennomføringer funnet"
-              beskrivelse="Prøv å justere søket eller filteret for å finne det du leter etter"
-              ikonvariant="warning"
-            />
-          ) : (
-            <Tiltaksgjennomforingsoversikt tiltaksgjennomforinger={tiltaksgjennomforinger} />
-          )}
-        </div>
-      }
-    />
-  );
-};
diff --git a/frontend/mulighetsrommet-veileder-flate/src/core/api/queries/useTiltaksgjennomforinger.ts b/frontend/mulighetsrommet-veileder-flate/src/core/api/queries/useTiltaksgjennomforinger.ts
index e4f6f25027..850bc03fc3 100644
--- a/frontend/mulighetsrommet-veileder-flate/src/core/api/queries/useTiltaksgjennomforinger.ts
+++ b/frontend/mulighetsrommet-veileder-flate/src/core/api/queries/useTiltaksgjennomforinger.ts
@@ -5,7 +5,7 @@ import { QueryKeys } from "../query-keys";
 import {
   useArbeidsmarkedstiltakFilterValue,
   valgteEnhetsnumre,
-} from "../../../hooks/useArbeidsmarkedstiltakFilter";
+} from "@/hooks/useArbeidsmarkedstiltakFilter";
 
 export function useVeilederTiltaksgjennomforinger() {
   return useGetTiltaksgjennomforinger(
@@ -13,16 +13,12 @@ export function useVeilederTiltaksgjennomforinger() {
   );
 }
 
-export function useNavTiltaksgjennomforinger() {
-  return useGetTiltaksgjennomforinger(
-    mulighetsrommetClient.veilederTiltak.getNavTiltaksgjennomforinger,
-  );
-}
+export function useNavTiltaksgjennomforinger({ preview }: { preview: boolean }) {
+  const queryFn = preview
+    ? mulighetsrommetClient.veilederTiltak.getPreviewTiltaksgjennomforinger
+    : mulighetsrommetClient.veilederTiltak.getNavTiltaksgjennomforinger;
 
-export function usePreviewTiltaksgjennomforinger() {
-  return useGetTiltaksgjennomforinger(
-    mulighetsrommetClient.veilederTiltak.getPreviewTiltaksgjennomforinger,
-  );
+  return useGetTiltaksgjennomforinger(queryFn);
 }
 
 function useGetTiltaksgjennomforinger(