La inn en seksjon for "Opprett samarbeid" i endre status-dropdown.

navikt · Nov 7, 2024 · 340a6aa · 340a6aa
1 parent 8623b6f
commit 340a6aa
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 18 deletions.
diff --git a/...rc/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/KnappForHendelse.tsx b/...rc/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/KnappForHendelse.tsx
@@ -12,7 +12,7 @@ import {
 import { nyHendelsePåSak } from "../../../../../api/lydia-api/sak";
 import { loggStatusendringPåSak } from "../../../../../util/amplitude-klient";
 import { StatusHendelseSteg } from "./Statusknapper";
-import { ChevronLeftIcon, ChevronRightIcon, PlusIcon } from "@navikt/aksel-icons";
+import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
 import { penskrivIASakshendelsestype } from "./penskrivIASakshendelsestype";
 import { useTrengerÅFullføreBehovsvurderingerFørst } from "./useTrengerÅFullføreBehovsvurderingerFørst";
 import { useHentSamarbeid } from "../../../../../api/lydia-api/spørreundersøkelse";
@@ -25,7 +25,6 @@ export default function KnappForHendelse({
     variant = "secondary",
     onStatusEndret,
     loading,
-    setNyttSamarbeidModalÅpen,
 }: {
     hendelse: GyldigNesteHendelse;
     sak: IASak;
@@ -37,7 +36,6 @@ export default function KnappForHendelse({
     variant?: ButtonProps["variant"];
     onStatusEndret: (status: IASak["status"]) => void;
     loading?: ButtonProps["loading"];
-    setNyttSamarbeidModalÅpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
     const disabled = nesteSteg !== null;
 
@@ -89,7 +87,6 @@ export default function KnappForHendelse({
                     variant={variant}
                     onStatusEndret={onStatusEndret}
                     loading={loading}
-                    setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                 />
             );
         case IASakshendelseTypeEnum.enum.ENDRE_PROSESS:
@@ -105,14 +102,12 @@ function BiståEllerSamarbeidKnapp({
     variant,
     onStatusEndret,
     loading,
-    setNyttSamarbeidModalÅpen,
 }: {
     hendelse: GyldigNesteHendelse;
     sak: IASak;
     variant: ButtonProps["variant"];
     onStatusEndret: (status: IASak["status"]) => void;
     loading?: ButtonProps["loading"];
-    setNyttSamarbeidModalÅpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
     const { data: alleSamarbeid } = useHentSamarbeid(sak.orgnr, sak.saksnummer);
 
@@ -121,15 +116,14 @@ function BiståEllerSamarbeidKnapp({
     }
     if (alleSamarbeid.length === 0) {
         return (
-            <Button
-                icon={<PlusIcon fontSize={"1.5rem"} />}
-                variant="primary"
-                onClick={() => setNyttSamarbeidModalÅpen(true)}
-                size={"small"}
-                title={"Opprett samarbeid"}
-            >
-                Opprett samarbeid
-            </Button>
+            <RettTilNesteStatusKnapp
+                sak={sak}
+                hendelse={hendelse}
+                disabled={true}
+                variant={variant}
+                onStatusEndret={onStatusEndret}
+                loading={loading}
+            />
         );
     }
 

diff --git a/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/NesteSteg.tsx b/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/NesteSteg.tsx
@@ -32,6 +32,9 @@ import {
 import { useSendTilBehovsvurderingFane } from "../../../../../util/useSendTilBehovsvurderingFane";
 import { StatusHendelseSteg } from "./Statusknapper";
 import { penskrivIAStatus } from "../../../../../components/Badge/StatusBadge";
+import { PlusIcon } from "@navikt/aksel-icons";
+import { useHentSamarbeid } from "../../../../../api/lydia-api/spørreundersøkelse";
+import { useHentBrukerinformasjon } from "../../../../../api/lydia-api/bruker";
 
 const Knappecontainer = styled.div`
     display: flex;
@@ -46,6 +49,7 @@ export default function NesteSteg({
     sak,
     setVisKonfetti,
     clearNesteSteg,
+    setNyttSamarbeidModalÅpen,
 }: {
     nesteSteg: {
         nesteSteg: StatusHendelseSteg | null;
@@ -55,7 +59,12 @@ export default function NesteSteg({
     clearNesteSteg: () => void;
     sak: IASak;
     setVisKonfetti?: (visKonfetti: boolean) => void;
+    setNyttSamarbeidModalÅpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
+    const { data: alleSamarbeid } = useHentSamarbeid(sak.orgnr, sak.saksnummer);
+    const { data: brukerInformasjon } = useHentBrukerinformasjon();
+    const brukerErEierAvSak = sak?.eidAv === brukerInformasjon?.ident;
+
     switch (nesteSteg.nesteSteg) {
         case "FULLFØR_KARTLEGGINGER":
             return (
@@ -89,11 +98,44 @@ export default function NesteSteg({
                     clearNesteSteg={clearNesteSteg}
                 />
             );
+        case null:
+            if (alleSamarbeid?.length === 0 && brukerErEierAvSak && sak.status === IAProsessStatusEnum.enum.KARTLEGGES) {
+                return <OpprettSamarbeidFørstSeksjon setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen} />;
+            }
+            return null;
         default:
-            return <></>;
+            return null;
     }
 }
 
+const Underseksjon = styled.div`
+    padding: 0.75rem;
+`;
+
+function OpprettSamarbeidFørstSeksjon({ setNyttSamarbeidModalÅpen }: { setNyttSamarbeidModalÅpen: React.Dispatch<React.SetStateAction<boolean>> }) {
+    return (
+        <Underseksjon>
+            <Heading level="2" size="medium">
+                Opprett samarbeid
+            </Heading>
+            <BodyLong>
+                Du kan nå opprette samarbeid for å gjennomføre behovsvurdering, lage samarbeidsplan og evaluere.
+            </BodyLong>
+            <br />
+            <Knappecontainer>
+                <Button
+                    icon={<PlusIcon fontSize={"1.5rem"} />}
+                    variant="primary"
+                    onClick={() => setNyttSamarbeidModalÅpen(true)}
+                    title={"Opprett samarbeid"}
+                >
+                    Opprett samarbeid
+                </Button>
+            </Knappecontainer>
+        </Underseksjon>
+    );
+}
+
 function FullførSamarbeidsplanFørstSeksjon({
     clearNesteSteg,
 }: {

diff --git a/...t/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/Statusknapper.tsx b/...t/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/Statusknapper.tsx
@@ -137,7 +137,6 @@ export function Statusknapper({
                         variant={"danger"}
                         onStatusEndret={onStatusEndret}
                         loading={loading || eksternLoading}
-                        setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                     />
                 ))}
                 <Innerknappecontainer>
@@ -155,7 +154,6 @@ export function Statusknapper({
                             }
                             onStatusEndret={onStatusEndret}
                             loading={loading || eksternLoading}
-                            setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                         />
                     ))}
                 </Innerknappecontainer>
@@ -171,6 +169,7 @@ export function Statusknapper({
                 }
                 sak={iaSak}
                 setVisKonfetti={setVisKonfetti}
+                setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
             />
         </Statuscontainer>
     );