Merge pull request #4933 from navikt/tilsagnstype-detaljer

Vis tilsagnstype ved opprettelse av tilsagn

Author: sndrem

frontend/mr-admin-flate/src/components/tilsagn/prismodell/TilsagnSkjema.tsx

@@ -1,12 +1,14 @@
-import { zodResolver } from "@hookform/resolvers/zod";
-import { TilsagnRequest, GjennomforingDto } from "@mr/api-client";
-import { Button, Heading, HStack } from "@navikt/ds-react";
-import { DeepPartial, FormProvider, SubmitHandler, useForm } from "react-hook-form";
-import { isValidationError } from "@mr/frontend-common/utils/utils";
 import { useOpprettTilsagn } from "@/api/tilsagn/useOpprettTilsagn";
-import { VelgPeriode } from "@/components/tilsagn/prismodell/VelgPeriode";
 import { InferredTilsagn, TilsagnSchema } from "@/components/tilsagn/prismodell/TilsagnSchema";
 import { VelgKostnadssted } from "@/components/tilsagn/prismodell/VelgKostnadssted";
+import { VelgPeriode } from "@/components/tilsagn/prismodell/VelgPeriode";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { GjennomforingDto, TilsagnRequest, TilsagnType } from "@mr/api-client";
+import { isValidationError } from "@mr/frontend-common/utils/utils";
+import { Button, Heading, HStack, TextField } from "@navikt/ds-react";
+import { DeepPartial, FormProvider, SubmitHandler, useForm } from "react-hook-form";
+import { useSearchParams } from "react-router";
+import { avtaletekster } from "../../ledetekster/avtaleLedetekster";
 
 interface Props {
   gjennomforing: GjennomforingDto;
@@ -20,6 +22,9 @@ interface Props {
 
 export function TilsagnSkjema(props: Props) {
   const { gjennomforing, onSuccess, onAvbryt, defaultValues, defaultKostnadssteder } = props;
+  const [searchParams] = useSearchParams();
+  const tilsagnstype: TilsagnType =
+    (searchParams.get("type") as TilsagnType) || TilsagnType.TILSAGN;
 
   const mutation = useOpprettTilsagn();
 
@@ -60,6 +65,14 @@ export function TilsagnSkjema(props: Props) {
           </div>
           <div className="grid grid-cols-2">
             <div className="pr-6">
+              <div className="grid grid-cols-2">
+                <TextField
+                  size="small"
+                  label="Tilsagnstype"
+                  readOnly
+                  value={avtaletekster.tilsagn.type(tilsagnstype)}
+                />
+              </div>
               <div className="py-3">
                 <VelgPeriode startDato={gjennomforing.startDato} />
               </div>