reanme SanityFaneinnhold til Faneinnhold

navikt · Feb 6, 2024 · 1216424 · 1216424
1 parent 53e246b
commit 1216424
Show file tree

Hide file tree

Showing 7 changed files with 88 additions and 74 deletions.
diff --git a/frontend/mr-admin-flate/src/components/avtaler/AvtaleSchema.ts b/frontend/mr-admin-flate/src/components/avtaler/AvtaleSchema.ts
@@ -47,12 +47,12 @@ export const AvtaleSchema = z.object({
     .object(
       {
         forHvemInfoboks: z.string().nullable().optional(),
-        forHvem: z.any().nullable(),
+        forHvem: z.any().nullable().optional(),
         detaljerOgInnholdInfoboks: z.string().nullable().optional(),
-        detaljerOgInnhold: z.any().nullable(),
+        detaljerOgInnhold: z.any().nullable().optional(),
         pameldingOgVarighetInfoboks: z.string().nullable().optional(),
-        pameldingOgVarighet: z.any().nullable(),
-        kontaktinfo: z.any().nullable(),
+        pameldingOgVarighet: z.any().nullable().optional(),
+        kontaktinfo: z.any().nullable().optional(),
         kontaktinfoInfoboks: z.string().nullable().optional(),
         delMedBruker: z.string().nullable().optional(),
       },

diff --git a/frontend/mr-admin-flate/src/components/avtaler/AvtaleSkjemaContainer.tsx b/frontend/mr-admin-flate/src/components/avtaler/AvtaleSkjemaContainer.tsx
@@ -98,7 +98,7 @@ export function AvtaleSkjemaContainer({
         ? data.prisbetingelser || null
         : null,
       beskrivelse: data.beskrivelse,
-      faneinnhold: data.faneinnhold,
+      faneinnhold: data.faneinnhold ?? null,
       opphav: data.opphav,
       leverandorKontaktpersonId: data.leverandorKontaktpersonId ?? null,
     };

diff --git a/frontend/mr-admin-flate/src/components/redaksjonelt-innhold/RedaksjoneltInnholdForm.tsx b/frontend/mr-admin-flate/src/components/redaksjonelt-innhold/RedaksjoneltInnholdForm.tsx
@@ -125,7 +125,7 @@ const ForHvem = ({ tiltakstype }: { tiltakstype?: VeilederflateTiltakstype }) =>
           {tiltakstype?.faneinnhold?.forHvemInfoboks}
         </Alert>
       )}
-      <PortableText value={tiltakstype?.faneinnhold?.forHvem} />
+      <PortableText value={tiltakstype?.faneinnhold?.forHvem ?? []} />
       <Separator />
 
       <div className={skjemastyles.description_richtext_container}>
@@ -152,7 +152,8 @@ const DetaljerOgInnhold = ({ tiltakstype }: { tiltakstype?: VeilederflateTiltaks
       {tiltakstype?.faneinnhold?.detaljerOgInnholdInfoboks && (
         <Alert variant="info">{tiltakstype?.faneinnhold?.detaljerOgInnholdInfoboks}</Alert>
       )}
-      <PortableText value={tiltakstype?.faneinnhold?.detaljerOgInnhold} />
+
+      <PortableText value={tiltakstype?.faneinnhold?.detaljerOgInnhold ?? []} />
       <Separator />
 
       <div className={skjemastyles.description_richtext_container}>
@@ -179,7 +180,7 @@ const PameldingOgVarighet = ({ tiltakstype }: { tiltakstype?: VeilederflateTilta
       {tiltakstype?.faneinnhold?.pameldingOgVarighetInfoboks && (
         <Alert variant="info">{tiltakstype?.faneinnhold?.pameldingOgVarighetInfoboks}</Alert>
       )}
-      <PortableText value={tiltakstype?.faneinnhold?.pameldingOgVarighet} />
+      <PortableText value={tiltakstype?.faneinnhold?.pameldingOgVarighet ?? []} />
       <Separator />
 
       <div className={skjemastyles.description_richtext_container}>

diff --git a/frontend/mr-admin-flate/src/components/redaksjonelt-innhold/RedaksjoneltInnholdPreview.tsx b/frontend/mr-admin-flate/src/components/redaksjonelt-innhold/RedaksjoneltInnholdPreview.tsx
@@ -1,4 +1,4 @@
-import { SanityFaneinnhold } from "mulighetsrommet-api-client";
+import { Faneinnhold, type PortableTextContent } from "mulighetsrommet-api-client";
 import styles from "../../pages/DetaljerInfo.module.scss";
 import { Alert, BodyLong, Heading } from "@navikt/ds-react";
 import { useTiltakstypeFaneinnhold } from "../../api/tiltaksgjennomforing/useTiltakstypeFaneinnhold";
@@ -10,7 +10,7 @@ import { Laster } from "../laster/Laster";
 interface RedaksjoneltInnholdPreviewProps {
   tiltakstypeId: string;
   beskrivelse?: string;
-  faneinnhold?: SanityFaneinnhold;
+  faneinnhold?: Faneinnhold;
 }
 
 export function RedaksjoneltInnholdPreview(props: RedaksjoneltInnholdPreviewProps) {
@@ -76,10 +76,10 @@ function RedaksjoneltInnhold(props: RedaksjoneltInnholdPreviewProps) {
 }
 
 interface DetaljerFaneProps {
-  tiltaksgjennomforingAlert?: string;
-  tiltakstypeAlert?: string;
-  tiltaksgjennomforing?: any;
-  tiltakstype?: any;
+  tiltaksgjennomforingAlert?: string | null;
+  tiltakstypeAlert?: string | null;
+  tiltaksgjennomforing?: PortableTextContent | null;
+  tiltakstype?: PortableTextContent | null;
 }
 
 const DetaljerFane = ({
@@ -89,12 +89,12 @@ const DetaljerFane = ({
   tiltakstype,
 }: DetaljerFaneProps) => {
   if (!tiltaksgjennomforingAlert && !tiltakstypeAlert && !tiltaksgjennomforing && !tiltakstype) {
-    return <></>;
+    return null;
   }
 
   return (
     <div className={styles.faneinnhold_container}>
-      {tiltakstype && (
+      {(tiltakstypeAlert || tiltakstype) && (
         <>
           <Heading level="2" size="small">
             Generell Informasjon
@@ -104,12 +104,15 @@ const DetaljerFane = ({
               {tiltakstypeAlert}
             </Alert>
           )}
-          <BodyLong as="div" size="small">
-            <PortableText value={tiltakstype} />
-          </BodyLong>
+          {tiltakstype && (
+            <BodyLong as="div" size="small">
+              <PortableText value={tiltakstype} />
+            </BodyLong>
+          )}
         </>
       )}
-      {(tiltaksgjennomforing || tiltaksgjennomforingAlert) && (
+
+      {(tiltaksgjennomforingAlert || tiltaksgjennomforing) && (
         <div className={styles.lokal_informasjon}>
           <Heading level="2" size="small">
             Lokal Informasjon
@@ -119,9 +122,11 @@ const DetaljerFane = ({
               {tiltaksgjennomforingAlert}
             </Alert>
           )}
-          <BodyLong as="div" size="small">
-            <PortableText value={tiltaksgjennomforing} />
-          </BodyLong>
+          {tiltaksgjennomforing && (
+            <BodyLong as="div" size="small">
+              <PortableText value={tiltaksgjennomforing} />
+            </BodyLong>
+          )}
         </div>
       )}
     </div>

diff --git a/frontend/mr-admin-flate/src/mocks/endpoints/enhetHandlers.ts b/frontend/mr-admin-flate/src/mocks/endpoints/enhetHandlers.ts
@@ -3,7 +3,7 @@ import { NavEnhet } from "mulighetsrommet-api-client";
 import { mockEnheter } from "../fixtures/mock_enheter";
 
 export const enhetHandlers = [
-  http.get<PathParams, NavEnhet[]>("*/api/v1/internal/enheter", () =>
+  http.get<PathParams, NavEnhet[]>("*/api/v1/internal/nav-enheter", () =>
     HttpResponse.json(Object.values(mockEnheter)),
   ),
 ];
diff --git a/frontend/mulighetsrommet-veileder-flate/src/components/tabs/DetaljerFane.tsx b/frontend/mulighetsrommet-veileder-flate/src/components/tabs/DetaljerFane.tsx
@@ -2,12 +2,13 @@ import { Alert, BodyLong, Heading } from "@navikt/ds-react";
 import styles from "./Detaljerfane.module.scss";
 import FaneTiltaksinformasjon from "./FaneTiltaksinformasjon";
 import { RedaksjoneltInnhold } from "../RedaksjoneltInnhold";
+import { ArbitraryTypedObject } from "@portabletext/types";
 
 interface DetaljerFaneProps {
-  tiltaksgjennomforingAlert?: string;
-  tiltakstypeAlert?: string;
-  tiltaksgjennomforing?: any;
-  tiltakstype?: any;
+  tiltaksgjennomforingAlert?: string | null;
+  tiltakstypeAlert?: string | null;
+  tiltaksgjennomforing?: ArbitraryTypedObject | ArbitraryTypedObject[] | null;
+  tiltakstype?: ArbitraryTypedObject | ArbitraryTypedObject[] | null;
 }
 
 const DetaljerFane = ({
@@ -16,13 +17,14 @@ const DetaljerFane = ({
   tiltaksgjennomforing,
   tiltakstype,
 }: DetaljerFaneProps) => {
+  const harInnhold = !!(
+    tiltaksgjennomforingAlert ||
+    tiltakstypeAlert ||
+    tiltaksgjennomforing ||
+    tiltakstype
+  );
   return (
-    <FaneTiltaksinformasjon
-      className={styles.faneinnhold_container}
-      harInnhold={
-        tiltaksgjennomforingAlert || tiltakstypeAlert || tiltaksgjennomforing || tiltakstype
-      }
-    >
+    <FaneTiltaksinformasjon className={styles.faneinnhold_container} harInnhold={harInnhold}>
       <Heading level="2" size="small">
         Generell informasjon
       </Heading>
@@ -31,9 +33,11 @@ const DetaljerFane = ({
           {tiltakstypeAlert}
         </Alert>
       )}
-      <BodyLong as="div" size="small">
-        <RedaksjoneltInnhold value={tiltakstype} />
-      </BodyLong>
+      {tiltakstype && (
+        <BodyLong as="div" size="small">
+          <RedaksjoneltInnhold value={tiltakstype} />
+        </BodyLong>
+      )}
       {(tiltaksgjennomforing || tiltaksgjennomforingAlert) && (
         <div className={styles.lokal_informasjon}>
           <Heading level="2" size="small">
@@ -44,9 +48,11 @@ const DetaljerFane = ({
               {tiltaksgjennomforingAlert}
             </Alert>
           )}
-          <BodyLong as="div" textColor="subtle" size="small">
-            <RedaksjoneltInnhold value={tiltaksgjennomforing} />
-          </BodyLong>
+          {tiltaksgjennomforing && (
+            <BodyLong as="div" textColor="subtle" size="small">
+              <RedaksjoneltInnhold value={tiltaksgjennomforing} />
+            </BodyLong>
+          )}
         </div>
       )}
     </FaneTiltaksinformasjon>

diff --git a/mulighetsrommet-api/src/main/resources/web/openapi.yaml b/mulighetsrommet-api/src/main/resources/web/openapi.yaml
@@ -1949,7 +1949,7 @@ components:
         beskrivelse:
           type: string
         faneinnhold:
-          $ref: "#/components/schemas/SanityFaneinnhold"
+          $ref: "#/components/schemas/Faneinnhold"
       required:
         - id
         - tiltakstype
@@ -2015,7 +2015,7 @@ components:
           type: string
           nullable: true
         faneinnhold:
-          $ref: "#/components/schemas/SanityFaneinnholdRequest"
+          $ref: "#/components/schemas/Faneinnhold"
           nullable: true
         opphav:
           $ref: "#/components/schemas/Opphav"
@@ -2175,7 +2175,7 @@ components:
         stedForGjennomforing:
           type: string
         faneinnhold:
-          $ref: "#/components/schemas/SanityFaneinnhold"
+          $ref: "#/components/schemas/Faneinnhold"
         beskrivelse:
           type: string
         tilgjengeligForVeileder:
@@ -2265,7 +2265,7 @@ components:
           $ref: "#/components/schemas/Opphav"
           nullable: true
         faneinnhold:
-          $ref: "#/components/schemas/SanityFaneinnholdRequest"
+          $ref: "#/components/schemas/Faneinnhold"
           nullable: true
         beskrivelse:
           type: string
@@ -2779,7 +2779,7 @@ components:
           items:
             $ref: "#/components/schemas/SanityRegelverkLenke"
         faneinnhold:
-          $ref: "#/components/schemas/SanityFaneinnhold"
+          $ref: "#/components/schemas/Faneinnhold"
         delingMedBruker:
           type: string
         arenakode:
@@ -2815,7 +2815,7 @@ components:
         sluttdato:
           type: string
         faneinnhold:
-          $ref: "#/components/schemas/SanityFaneinnhold"
+          $ref: "#/components/schemas/Faneinnhold"
         apentForInnsok:
           type: boolean
         stengtFra:
@@ -2844,55 +2844,57 @@ components:
         - regelverkUrl
         - regelverkLenkeNavn
 
-    SanityFaneinnhold:
-      type: object
-      properties:
-        forHvemInfoboks:
-          type: string
-        forHvem:
-          type: object
-        detaljerOgInnholdInfoboks:
-          type: string
-        detaljerOgInnhold:
-          type: object
-        pameldingOgVarighetInfoboks:
-          type: string
-        pameldingOgVarighet:
-          type: object
-        kontaktinfo:
-          type: object
-        kontaktinfoInfoboks:
-          type: string
-        delMedBruker:
-          type: string
-
-    SanityFaneinnholdRequest:
+    Faneinnhold:
       type: object
       properties:
         forHvemInfoboks:
           type: string
           nullable: true
         forHvem:
-          type: object
+          $ref: "#/components/schemas/PortableTextContent"
+          nullable: true
         detaljerOgInnholdInfoboks:
           type: string
           nullable: true
         detaljerOgInnhold:
-          type: object
+          $ref: "#/components/schemas/PortableTextContent"
+          nullable: true
         pameldingOgVarighetInfoboks:
           type: string
           nullable: true
         pameldingOgVarighet:
-          type: object
-        kontaktinfo:
-          type: object
+          $ref: "#/components/schemas/PortableTextContent"
+          nullable: true
         kontaktinfoInfoboks:
           type: string
           nullable: true
+        kontaktinfo:
+          $ref: "#/components/schemas/PortableTextContent"
+          nullable: true
         delMedBruker:
           type: string
           nullable: true
 
+    PortableTextContent:
+      oneOf:
+        - type: array
+          items:
+            $ref: "#/components/schemas/PortableTextTypedObject"
+        - allOf:
+            - $ref: "#/components/schemas/PortableTextTypedObject"
+
+    PortableTextTypedObject:
+      allOf:
+        - type: object
+          properties:
+            _type:
+              type: string
+            _key:
+              type: string
+          required:
+            - _type
+        - type: object
+
     VeilederflateKontaktInfo:
       type: object
       properties: