Handlinger for tilsagn

frontend/mr-admin-flate/src/App.tsx

@@ -211,7 +211,7 @@ const router = () =>
             loader: tiltaksgjennomforingLoader,
           },
           {
-            path: "avtaler/:avtaleId/tiltaksgjennomforinger/:tiltaksgjennomforingId/opprett-tilsagn",
+            path: "avtaler/:avtaleId/tiltaksgjennomforinger/:tiltaksgjennomforingId/tilsagn/opprett-tilsagn",
             element: <OpprettTilsagnSkjemaPage />,
             errorElement: <ErrorPage />,
             loader: tilsagnLoader,
@@ -241,7 +241,7 @@ const router = () =>
             loader: tiltaksgjennomforingLoader,
           },
           {
-            path: "tiltaksgjennomforinger/:tiltaksgjennomforingId/opprett-tilsagn",
+            path: "tiltaksgjennomforinger/:tiltaksgjennomforingId/tilsagn/opprett-tilsagn",
             element: <OpprettTilsagnSkjemaPage />,
             errorElement: <ErrorPage />,
             loader: tilsagnLoader,

frontend/mr-admin-flate/src/components/tilsagn/OpprettTilsagnContainer.tsx

@@ -28,12 +28,12 @@ export function OpprettTilsagnContainer({ tiltaksgjennomforing, tilsagn }: Props
     };
 
     mutation.mutate(request, {
-      onSuccess: navigerTilGjennomforing,
+      onSuccess: navigerTilTilsagn,
     });
   };
 
-  function navigerTilGjennomforing() {
-    navigate(`/tiltaksgjennomforinger/${tiltaksgjennomforing.id}`);
+  function navigerTilTilsagn() {
+    navigate(`/tiltaksgjennomforinger/${tiltaksgjennomforing.id}/tilsagn`);
   }
 
   function prismodell(tiltaksgjennomforing: TiltaksgjennomforingDto): "AFT" | "FRI" {
@@ -51,7 +51,7 @@ export function OpprettTilsagnContainer({ tiltaksgjennomforing, tilsagn }: Props
             tilsagn={tilsagn}
             onSubmit={postData}
             mutation={mutation}
-            onAvbryt={navigerTilGjennomforing}
+            onAvbryt={navigerTilTilsagn}
             prismodell={prismodell(tiltaksgjennomforing)}
           />
         </SkjemaKolonne>

frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/TiltaksgjennomforingKnapperad.tsx

@@ -1,18 +1,17 @@
-import React, { useRef } from "react";
-import { BodyShort, Button, Dropdown, Switch } from "@navikt/ds-react";
 import { useMutatePublisert } from "@/api/tiltaksgjennomforing/useMutatePublisert";
-import { NavAnsatt, TiltaksgjennomforingDto, Toggles } from "@mr/api-client";
 import { useTiltaksgjennomforingEndringshistorikk } from "@/api/tiltaksgjennomforing/useTiltaksgjennomforingEndringshistorikk";
+import { HarSkrivetilgang } from "@/components/authActions/HarSkrivetilgang";
 import { EndringshistorikkPopover } from "@/components/endringshistorikk/EndringshistorikkPopover";
 import { ViewEndringshistorikk } from "@/components/endringshistorikk/ViewEndringshistorikk";
-import { useNavigate, useRevalidator } from "react-router-dom";
-import { HarSkrivetilgang } from "@/components/authActions/HarSkrivetilgang";
-import { VarselModal } from "@mr/frontend-common/components/varsel/VarselModal";
-import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils";
 import { AvbrytGjennomforingModal } from "@/components/modal/AvbrytGjennomforingModal";
-import { KnapperadContainer } from "@/pages/KnapperadContainer";
-import { useFeatureToggle } from "@/api/features/useFeatureToggle";
 import { SetApentForPameldingModal } from "@/components/tiltaksgjennomforinger/SetApentForPameldingModal";
+import { KnapperadContainer } from "@/pages/KnapperadContainer";
+import { NavAnsatt, TiltaksgjennomforingDto } from "@mr/api-client";
+import { VarselModal } from "@mr/frontend-common/components/varsel/VarselModal";
+import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils";
+import { BodyShort, Button, Dropdown, Switch } from "@navikt/ds-react";
+import React, { useRef } from "react";
+import { useNavigate, useRevalidator } from "react-router-dom";
 
 interface Props {
   ansatt: NavAnsatt;
@@ -26,9 +25,6 @@ export function TiltaksgjennomforingKnapperad({ ansatt, tiltaksgjennomforing }:
   const advarselModal = useRef<HTMLDialogElement>(null);
   const avbrytModalRef = useRef<HTMLDialogElement>(null);
   const apentForPameldingModalRef = useRef<HTMLDialogElement>(null);
-  const { data: enableOpprettTilsagn } = useFeatureToggle(
-    Toggles.MULIGHETSROMMET_ADMIN_FLATE_OPPRETT_TILSAGN,
-  );
 
   function handleClick(e: React.MouseEvent<HTMLInputElement>) {
     mutate(
@@ -90,28 +86,7 @@ export function TiltaksgjennomforingKnapperad({ ansatt, tiltaksgjennomforing }:
                     : "Åpne for påmelding"}
                 </Dropdown.Menu.GroupedList.Item>
               )}
-              {enableOpprettTilsagn && gjennomforingIsAktiv(tiltaksgjennomforing.status.status) ? (
-                <Dropdown.Menu.GroupedList.Item
-                  onClick={() => {
-                    navigate("opprett-tilsagn");
-                  }}
-                >
-                  Opprett tilsagn
-                </Dropdown.Menu.GroupedList.Item>
-              ) : null}
-              {enableOpprettTilsagn && gjennomforingIsAktiv(tiltaksgjennomforing.status.status) ? (
-                <Dropdown.Menu.GroupedList.Item
-                  onClick={() => {
-                    navigate("opprett-tilsagn", {
-                      state: {
-                        ekstratilsagn: true,
-                      },
-                    });
-                  }}
-                >
-                  Opprett ekstratilsagn
-                </Dropdown.Menu.GroupedList.Item>
-              ) : null}
+
               {gjennomforingIsAktiv(tiltaksgjennomforing.status.status) && (
                 <Dropdown.Menu.GroupedList.Item onClick={() => avbrytModalRef.current?.showModal()}>
                   Avbryt gjennomføring

frontend/mr-admin-flate/src/pages/tiltaksgjennomforinger/tilsagn/TilsagnForGjennomforingContainer.tsx

@@ -1,17 +1,32 @@
-import { Alert } from "@navikt/ds-react";
-import { Link } from "react-router-dom";
+import { Alert, Button, Dropdown } from "@navikt/ds-react";
+import { Link, useNavigate } from "react-router-dom";
 import { useHentTilsagnForTiltaksgjennomforing } from "../../../api/tilsagn/useHentTilsagnForTiltaksgjennomforing";
 import { Laster } from "../../../components/laster/Laster";
 import { InfoContainer } from "../../../components/skjema/InfoContainer";
 import { useGetTiltaksgjennomforingIdFromUrl } from "../../../hooks/useGetTiltaksgjennomforingIdFromUrl";
 import { Tilsagnstabell } from "./Tilsagnstabell";
+import { KnapperadContainer } from "../../KnapperadContainer";
+import { Toggles } from "@mr/api-client";
+import { gjennomforingIsAktiv } from "@mr/frontend-common/utils/utils";
+import { useFeatureToggle } from "../../../api/features/useFeatureToggle";
+import { HarSkrivetilgang } from "../../../components/authActions/HarSkrivetilgang";
+import { useTiltaksgjennomforingById } from "../../../api/tiltaksgjennomforing/useTiltaksgjennomforingById";
 
 export function TilsagnForGjennomforingContainer() {
   const tiltaksgjennomforingId = useGetTiltaksgjennomforingIdFromUrl();
+  const { data: tiltaksgjennomforing } = useTiltaksgjennomforingById();
   const { data: tilsagn, isLoading } =
     useHentTilsagnForTiltaksgjennomforing(tiltaksgjennomforingId);
+  const { data: enableOpprettTilsagn } = useFeatureToggle(
+    Toggles.MULIGHETSROMMET_ADMIN_FLATE_OPPRETT_TILSAGN,
+  );
+  const navigate = useNavigate();
+
+  if (!enableOpprettTilsagn) {
+    return null;
+  }
 
-  if (!tilsagn && isLoading) {
+  if (!tiltaksgjennomforing || !tilsagn || isLoading) {
     return <Laster tekst="Laster tilsagn" />;
   }
 
@@ -29,6 +44,44 @@ export function TilsagnForGjennomforingContainer() {
   return (
     <>
       <InfoContainer>
+        <KnapperadContainer>
+          <HarSkrivetilgang
+            ressurs="Tiltaksgjennomføring"
+            condition={gjennomforingIsAktiv(tiltaksgjennomforing.status.status)}
+          >
+            <Dropdown>
+              <Button size="small" as={Dropdown.Toggle}>
+                Handlinger
+              </Button>
+              <Dropdown.Menu>
+                <Dropdown.Menu.GroupedList>
+                  {gjennomforingIsAktiv(tiltaksgjennomforing.status.status) ? (
+                    <Dropdown.Menu.GroupedList.Item
+                      onClick={() => {
+                        navigate("opprett-tilsagn");
+                      }}
+                    >
+                      Opprett tilsagn
+                    </Dropdown.Menu.GroupedList.Item>
+                  ) : null}
+                  {gjennomforingIsAktiv(tiltaksgjennomforing.status.status) ? (
+                    <Dropdown.Menu.GroupedList.Item
+                      onClick={() => {
+                        navigate("opprett-tilsagn", {
+                          state: {
+                            ekstratilsagn: true,
+                          },
+                        });
+                      }}
+                    >
+                      Opprett ekstratilsagn
+                    </Dropdown.Menu.GroupedList.Item>
+                  ) : null}
+                </Dropdown.Menu.GroupedList>
+              </Dropdown.Menu>
+            </Dropdown>
+          </HarSkrivetilgang>
+        </KnapperadContainer>
         {tilsagn.length > 0 ? (
           <Tilsagnstabell tilsagn={tilsagn} />
         ) : (