diff --git a/client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdown.tsx b/client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdown.tsx index 0c26d1531..009cc1f75 100644 --- a/client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdown.tsx +++ b/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>; } 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( null, ); - const [nyttSamarbeidModalÅpen, setNyttSamarbeidModalÅpen] = useState(false); return ( <> @@ -144,14 +144,6 @@ export const SamarbeidsDropdown = ({ setOpen={setEndreSamarbeidModalÅpen} /> )} - - {iaSak && brukerErEierAvSak && ( - - )} ); }; diff --git a/client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdownFooter.tsx b/client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdownFooter.tsx index 09f00a128..47a2cc4d5 100644 --- a/client/src/Pages/Virksomhet/Samarbeid/SamarbeidsDropdownFooter.tsx +++ b/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>; @@ -69,20 +66,18 @@ export const SamarbeidsDropdownFooter = ({ }; return ( - - {visOpprettSamarbeidKnapp ? ( - - ) : ( - {kravTilOppretteSamarbeid()} - )} - + visOpprettSamarbeidKnapp ? ( + + ) : ( + {kravTilOppretteSamarbeid()} + ) ); }; diff --git a/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/KnappForHendelse.tsx b/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/KnappForHendelse.tsx index 3d006a896..973ef7796 100644 --- a/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/KnappForHendelse.tsx +++ b/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>; }) { 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,12 +105,14 @@ 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>; }) { const { data: alleSamarbeid } = useHentSamarbeid(sak.orgnr, sak.saksnummer); @@ -115,7 +120,17 @@ function BiståEllerSamarbeidKnapp({ return <>; } if (alleSamarbeid.length === 0) { - return Du må opprette et samarbeid først; + return ( + + ); } return ( diff --git a/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/Statusknapper.tsx b/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/Statusknapper.tsx index 985eae48f..0433cd668 100644 --- a/client/src/Pages/Virksomhet/Virksomhetsoversikt/IASakStatus/EndreStatusModal/Statusknapper.tsx +++ b/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>; } 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} /> ))} @@ -152,6 +155,7 @@ export function Statusknapper({ } onStatusEndret={onStatusEndret} loading={loading || eksternLoading} + setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen} /> ))} diff --git a/client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/SaksgangDropdown.tsx b/client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/SaksgangDropdown.tsx index 90da63457..a38308a6c 100644 --- a/client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/SaksgangDropdown.tsx +++ b/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>; }) { const [open, setOpen] = React.useState(false); @@ -97,6 +99,7 @@ export function SaksgangDropdown({ setNesteSteg={setNesteSteg} redusertPadding loading={lasterEllerRevaliderer} + setNyttSamarbeidModalÅpen={setNyttSamarbeidModalÅpen} /> diff --git a/client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/VirksomhetOgSamarbeidsHeader.tsx b/client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/VirksomhetOgSamarbeidsHeader.tsx index 882459717..c9a44977a 100644 --- a/client/src/Pages/Virksomhet/Virksomhetsoversikt/VirksomhetsinfoHeader/VirksomhetOgSamarbeidsHeader.tsx +++ b/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,7 +40,7 @@ const VirksomhetsInfoIkon = styled(InformationSquareIcon)` export default function VirksomhetOgSamarbeidsHeader({ virksomhet, iaSak, - gjeldendeSamarbeid, + gjeldendeSamarbeid }: { virksomhet: Virksomhet; iaSak?: IASak; @@ -46,7 +48,10 @@ export default function VirksomhetOgSamarbeidsHeader({ }) { const buttonRef = useRef(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 ( @@ -56,10 +61,12 @@ export default function VirksomhetOgSamarbeidsHeader({ @@ -122,6 +129,13 @@ export default function VirksomhetOgSamarbeidsHeader({ + {iaSak && brukerErEierAvSak && ( + + )} ); }