La til mulighet for å åpne "Nytt samarbeid" fra status-dropdown.

client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdown.tsx

@@ -6,7 +6,6 @@ import React, { useState } from "react";
 import { SamarbeidsRad } from "./SamarbeidsRad";
 import { SamarbeidsDropdownFooter } from "./SamarbeidsDropdownFooter";
 import { useHentBrukerinformasjon } from "../../../api/lydia-api/bruker";
-import { NyttSamarbeidModal } from "./NyttSamarbeidModal";
 import { EndreSamarbeidModal } from "./EndreSamarbeidModal";
 import { IaSakProsess } from "../../../domenetyper/iaSakProsess";
 import styled from "styled-components";
@@ -34,11 +33,13 @@ const DropdownMenuListItemStyled = styled(Dropdown.Menu.List.Item)``;
 interface SamarbeidsDropdown2Props {
     iaSak: IASak | undefined;
     virksomhet: Virksomhet;
+    setNyttSamarbeidModalÅpen: React.Dispatch<React.SetStateAction<boolean>>;
 }
 
 export const SamarbeidsDropdown = ({
     iaSak,
     virksomhet,
+    setNyttSamarbeidModalÅpen,
 }: SamarbeidsDropdown2Props) => {
     const { data: alleSamarbeid, mutate: hentSamarbeidPåNytt } =
         useHentSamarbeid(iaSak?.orgnr, iaSak?.saksnummer);
@@ -53,7 +54,6 @@ export const SamarbeidsDropdown = ({
     const [valgtSamarbeid, setValgtSamarbeid] = useState<IaSakProsess | null>(
         null,
     );
-    const [nyttSamarbeidModalÅpen, setNyttSamarbeidModalÅpen] = useState(false);
     return (
         <>
             <Dropdown>
@@ -144,14 +144,6 @@ export const SamarbeidsDropdown = ({
                     setOpen={setEndreSamarbeidModalÅpen}
                 />
             )}
-
-            {iaSak && brukerErEierAvSak && (
-                <NyttSamarbeidModal
-                    iaSak={iaSak}
-                    åpen={nyttSamarbeidModalÅpen}
-                    setÅpen={setNyttSamarbeidModalÅpen}
-                />
-            )}
         </>
     );
 };

client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdownFooter.tsx

@@ -2,9 +2,6 @@ import { BodyShort, Button } from "@navikt/ds-react";
 import React from "react";
 import { IAProsessStatusType } from "../../../domenetyper/domenetyper";
 import { PlusIcon } from "@navikt/aksel-icons";
-import styled from "styled-components";
-
-const OpprettSamarbeidKnapp = styled.div``;
 
 interface SamarbeidsDropdownFooterProps {
     setÅpen: React.Dispatch<React.SetStateAction<boolean>>;
@@ -69,20 +66,18 @@ export const SamarbeidsDropdownFooter = ({
     };
 
     return (
-        <OpprettSamarbeidKnapp>
-            {visOpprettSamarbeidKnapp ? (
-                <Button
-                    icon={<PlusIcon fontSize={"1.5rem"} />}
-                    variant="primary"
-                    onClick={() => setÅpen(true)}
-                    size={"small"}
-                    title={"Opprett samarbeid"}
-                >
-                    Opprett samarbeid
-                </Button>
-            ) : (
-                <BodyShort>{kravTilOppretteSamarbeid()}</BodyShort>
-            )}
-        </OpprettSamarbeidKnapp>
+        visOpprettSamarbeidKnapp ? (
+            <Button
+                icon={<PlusIcon fontSize={"1.5rem"} />}
+                variant="primary"
+                onClick={() => setÅpen(true)}
+                size={"small"}
+                title={"Opprett samarbeid"}
+            >
+                Opprett samarbeid
+            </Button>
+        ) : (
+            <BodyShort>{kravTilOppretteSamarbeid()}</BodyShort>
+        )
     );
 };

client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/KnappForHendelse.tsx

@@ -1,4 +1,4 @@
-import { Button, ButtonProps, Detail } from "@navikt/ds-react";
+import { Button, ButtonProps } from "@navikt/ds-react";
 import React from "react";
 import {
     GyldigNesteHendelse,
@@ -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 } from "@navikt/aksel-icons";
+import { ChevronLeftIcon, ChevronRightIcon, PlusIcon } 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,6 +25,7 @@ export default function KnappForHendelse({
     variant = "secondary",
     onStatusEndret,
     loading,
+    setNyttSamarbeidModalÅpen,
 }: {
     hendelse: GyldigNesteHendelse;
     sak: IASak;
@@ -36,6 +37,7 @@ 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;
 
@@ -87,6 +89,7 @@ export default function KnappForHendelse({
                     variant={variant}
                     onStatusEndret={onStatusEndret}
                     loading={loading}
+                    setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                 />
             );
         case IASakshendelseTypeEnum.enum.ENDRE_PROSESS:
@@ -102,20 +105,32 @@ 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);
 
     if (alleSamarbeid === undefined) {
         return <></>;
     }
     if (alleSamarbeid.length === 0) {
-        return <Detail>Du må opprette et samarbeid først</Detail>;
+        return (
+            <Button
+                icon={<PlusIcon fontSize={"1.5rem"} />}
+                variant="primary"
+                onClick={() => setNyttSamarbeidModalÅpen(true)}
+                size={"small"}
+                title={"Opprett samarbeid"}
+            >
+                Opprett samarbeid
+            </Button>
+        );
     }
 
     return (

client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/Statusknapper.tsx

@@ -61,6 +61,7 @@ interface StatusknapperProps {
     onStatusEndret: () => void;
     redusertPadding?: boolean;
     loading?: boolean;
+    setNyttSamarbeidModalÅpen: React.Dispatch<React.SetStateAction<boolean>>;
 }
 
 export function Statusknapper({
@@ -73,6 +74,7 @@ export function Statusknapper({
     onStatusEndret,
     redusertPadding = false,
     loading: eksternLoading,
+    setNyttSamarbeidModalÅpen,
 }: StatusknapperProps) {
     const { data: brukerInformasjon } = useHentBrukerinformasjon();
     const [loading, setLoading] = React.useState(false);
@@ -109,9 +111,9 @@ export function Statusknapper({
     const hendelser: GyldigNesteHendelse[] = iaSak.gyldigeNesteHendelser.filter(
         (hendelse) =>
             hendelse.saksHendelsestype !==
-                IASakshendelseTypeEnum.Enum.ENDRE_PROSESS &&
+            IASakshendelseTypeEnum.Enum.ENDRE_PROSESS &&
             hendelse.saksHendelsestype !==
-                IASakshendelseTypeEnum.Enum.NY_PROSESS,
+            IASakshendelseTypeEnum.Enum.NY_PROSESS,
     );
     const destruktiveHendelser = hendelser.filter((hendelse) =>
         erHendelsenDestruktiv(hendelse.saksHendelsestype),
@@ -135,6 +137,7 @@ export function Statusknapper({
                         variant={"danger"}
                         onStatusEndret={onStatusEndret}
                         loading={loading || eksternLoading}
+                        setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                     />
                 ))}
                 <Innerknappecontainer>
@@ -152,6 +155,7 @@ export function Statusknapper({
                             }
                             onStatusEndret={onStatusEndret}
                             loading={loading || eksternLoading}
+                            setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                         />
                     ))}
                 </Innerknappecontainer>

client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/SaksgangDropdown.tsx

@@ -33,10 +33,12 @@ export function SaksgangDropdown({
     virksomhet,
     iaSak,
     setVisKonfetti,
+    setNyttSamarbeidModalÅpen,
 }: {
     virksomhet: Virksomhet;
     iaSak?: IASak;
     setVisKonfetti?: (visKonfetti: boolean) => void;
+    setNyttSamarbeidModalÅpen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
     const [open, setOpen] = React.useState(false);
 
@@ -97,6 +99,7 @@ export function SaksgangDropdown({
                     setNesteSteg={setNesteSteg}
                     redusertPadding
                     loading={lasterEllerRevaliderer}
+                    setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                 />
             </Dropdown.Menu>
         </Dropdown>

client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/VirksomhetOgSamarbeidsHeader.tsx

@@ -18,6 +18,8 @@ import {
     IaSakProsess,
 } from "../../../../domenetyper/iaSakProsess";
 import { loggÅpnetVirksomhetsinfo } from "../../../../util/amplitude-klient";
+import { useHentBrukerinformasjon } from "../../../../api/lydia-api/bruker";
+import { NyttSamarbeidModal } from "../../Samarbeid/NyttSamarbeidModal";
 
 const Container = styled.div`
     display: flex;
@@ -38,15 +40,18 @@ const VirksomhetsInfoIkon = styled(InformationSquareIcon)`
 export default function VirksomhetOgSamarbeidsHeader({
     virksomhet,
     iaSak,
-    gjeldendeSamarbeid,
+    gjeldendeSamarbeid
 }: {
     virksomhet: Virksomhet;
     iaSak?: IASak;
     gjeldendeSamarbeid?: IaSakProsess;
 }) {
     const buttonRef = useRef<SVGSVGElement>(null);
     const [openState, setOpenState] = useState(false);
+    const [nyttSamarbeidModalÅpen, setNyttSamarbeidModalÅpen] = useState(false);
+    const { data: brukerInformasjon } = useHentBrukerinformasjon();
     const { data: salesforceInfo } = useHentSalesforceUrl(virksomhet.orgnr);
+    const brukerErEierAvSak = iaSak?.eidAv === brukerInformasjon?.ident;
 
     return (
         <Container>
@@ -56,10 +61,12 @@ export default function VirksomhetOgSamarbeidsHeader({
                         <SamarbeidsDropdown
                             iaSak={iaSak}
                             virksomhet={virksomhet}
+                            setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                         />
                         <SaksgangDropdown
                             virksomhet={virksomhet}
                             iaSak={iaSak}
+                            setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen}
                         />
                         <EierskapKnapp iaSak={iaSak} />
                     </HStack>
@@ -122,6 +129,13 @@ export default function VirksomhetOgSamarbeidsHeader({
                     </Popover>
                 </HStack>
             </VStack>
+            {iaSak && brukerErEierAvSak && (
+                <NyttSamarbeidModal
+                    iaSak={iaSak}
+                    åpen={nyttSamarbeidModalÅpen}
+                    setÅpen={setNyttSamarbeidModalÅpen}
+                />
+            )}
         </Container>
     );
 }