Bytter til riktig endepunkt når man skal ta over oppgave fra annen sa…

e2e/tests/reservasjoner.spec.ts

@@ -48,7 +48,7 @@ test('Kan søke opp og reservere opppgave', async ({ page }) => {
 	await expect(searchResult).toBeVisible();
 	await searchResult.click();
 
-	expect(page.getByText('Ønsker du å reservere oppgaven?')).toBeVisible();
+	expect(page.getByText('Hva ønsker du å gjøre med oppgaven?')).toBeVisible();
 	await page.getByRole('button', { name: 'Ja' }).click();
 
 	await page.waitForResponse(

src/client/app/api/queries/avdelingslederQueries.ts

@@ -42,31 +42,9 @@ export const useOpphevReservasjoner = () => {
 	return useMutation({
 		mutationFn: (data: { oppgaveNøkkel: Array<OppgaveNøkkel>; begrunnelse: string }) =>
 			axiosInstance.post(apiPaths.opphevReservasjoner, data),
-		onSuccess: () =>
-			Promise.all([
-				queryClient.invalidateQueries(apiPaths.saksbehandlerReservasjoner),
-				queryClient.invalidateQueries(apiPaths.avdelinglederReservasjoner),
-			]),
-	});
-};
-
-export const useEndreReservasjoner = ({ callback }: { callback: () => void }) => {
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: (
-			data: {
-				oppgaveNøkkel: OppgaveNøkkel;
-				begrunnelse: string;
-				reserverTil: string;
-				brukerIdent: string;
-			}[],
-		) => axiosInstance.post(apiPaths.endreReservasjoner, data),
 		onSuccess: () => {
-			Promise.all([
-				queryClient.invalidateQueries(apiPaths.saksbehandlerReservasjoner),
-				queryClient.invalidateQueries(apiPaths.avdelinglederReservasjoner),
-			]);
-			if (callback) callback();
+			queryClient.invalidateQueries(apiPaths.saksbehandlerReservasjoner);
+			queryClient.invalidateQueries(apiPaths.avdelinglederReservasjoner);
 		},
 	});
 };

src/client/app/api/queries/saksbehandlerQueries.ts

@@ -11,6 +11,7 @@ import NavAnsatt from 'app/navAnsattTsType';
 import { SokeResultat } from 'saksbehandler/fagsakSearch/sokeResultatTsType';
 import { OppgaveNøkkel } from 'types/OppgaveNøkkel';
 import { OppgaveStatus } from 'saksbehandler/oppgaveStatusTsType';
+import EndreOppgaveType from 'types/EndreOppgaveType';
 
 export const useInnloggetSaksbehandler = (options: UseQueryOptions<NavAnsatt, Error> = {}) =>
 	useQuery<NavAnsatt, Error>(apiPaths.saksbehandler, options);
@@ -71,6 +72,18 @@ export const useReserverOppgaveMutation = (options: UseMutationOptions<OppgaveSt
 		...options,
 	});
 };
+
+export const useEndreReservasjoner = (options: UseMutationOptions<OppgaveStatus, Error, EndreOppgaveType[]> = {}) => {
+	const queryClient = useQueryClient();
+	return useMutation({
+		...options,
+		mutationFn: (data) => axiosInstance.post(apiPaths.endreReservasjoner, data),
+		onSuccess: () => {
+			queryClient.refetchQueries(apiPaths.saksbehandlerReservasjoner);
+			queryClient.refetchQueries(apiPaths.avdelinglederReservasjoner);
+		},
+	});
+};
 export const usePlukkOppgaveMutation = (callback?: (oppgave: ReservasjonV3FraKøDto) => void) => {
 	const queryClient = useQueryClient();
 

src/client/app/saksbehandler/behandlingskoer/components/menu/FlyttReservasjonerModal.tsx

@@ -7,7 +7,7 @@ import { ErrorMessage, Skeleton, UNSAFE_Combobox, Modal, Button } from '@navikt/
 import { useForm } from 'react-hook-form';
 import { Form, TextAreaField, Datepicker } from '@navikt/ft-form-hooks';
 import { hasValidText, maxLength, minLength, required, dateAfterOrEqualToToday } from '@navikt/ft-form-validators';
-import { useEndreReservasjoner } from 'api/queries/avdelingslederQueries';
+import { useEndreReservasjoner } from 'api/queries/saksbehandlerQueries';
 
 interface FlyttReservasjonType {
 	oppgaveNøkkel: OppgaveNøkkel;
@@ -45,7 +45,13 @@ const initialValues = (reservasjoner: FlyttReservasjonType[]) => {
  * Presentasjonskomponent. Modal som lar en søke opp en saksbehandler som saken skal flyttes til. En kan også begrunne hvorfor saken skal flyttes.
  */
 export const FlyttReservasjonerModal: FunctionComponent<OwnProps> = ({ open, closeModal, reservasjoner }) => {
-	const { mutate: flyttReservasjoner } = useEndreReservasjoner({ callback: closeModal });
+	const { mutate: flyttReservasjoner, isSuccess } = useEndreReservasjoner();
+
+	useEffect(() => {
+		if (isSuccess) {
+			closeModal();
+		}
+	}, [isSuccess]);
 	const intl = useIntl();
 	const { data: saksbehandlere, isLoading, error } = useGetAlleSaksbehandlere({ placeholderData: [] });
 	const uniqueSaksbehandlere = Array.from(new Set(saksbehandlere.map((a) => a.brukerIdent))).map((brukerIdent) => {

src/client/app/saksbehandler/components/ValgtOppgaveModal.tsx

@@ -1,9 +1,12 @@
 import React, { FunctionComponent, useEffect } from 'react';
-import { FormattedMessage, useIntl } from 'react-intl';
 import Oppgave from 'saksbehandler/oppgaveTsType';
 import { BodyShort, Modal, Button } from '@navikt/ds-react';
 import { getDateAndTime } from 'utils/dateUtils';
-import { useInnloggetSaksbehandler, useReserverOppgaveMutation } from 'api/queries/saksbehandlerQueries';
+import {
+	useEndreReservasjoner,
+	useInnloggetSaksbehandler,
+	useReserverOppgaveMutation,
+} from 'api/queries/saksbehandlerQueries';
 import dayjs from 'dayjs';
 
 interface OwnProps {
@@ -23,16 +26,17 @@ const erSattPåVent = (oppgave: Oppgave) => {
 };
 
 export const ValgtOppgaveModal: FunctionComponent<OwnProps> = ({ oppgave, setValgtOppgave, goToFagsak }) => {
-	const { mutate: reserverOppgave, isSuccess } = useReserverOppgaveMutation();
+	const { mutate: endreReservasjoner, isSuccess: harEndretReservasjon } = useEndreReservasjoner();
+	const { mutate: reserverOppgave, isSuccess: harReservertOppgave } = useReserverOppgaveMutation();
 	const { data: saksbehandler } = useInnloggetSaksbehandler();
 
 	const onClose = () => setValgtOppgave(undefined);
 
 	useEffect(() => {
-		if (isSuccess) {
+		if (harReservertOppgave || harEndretReservasjon) {
 			onClose();
 		}
-	}, [isSuccess]);
+	}, [harEndretReservasjon, harReservertOppgave]);
 
 	if (erSattPåVent(oppgave)) {
 		return (
@@ -93,7 +97,13 @@ export const ValgtOppgaveModal: FunctionComponent<OwnProps> = ({ oppgave, setVal
 						Åpne oppgaven
 					</Button>
 					{saksbehandler?.kanReservere && (
-						<Button variant="secondary" size="small" onClick={() => reserverOppgave(oppgave.oppgaveNøkkel)}>
+						<Button
+							variant="secondary"
+							size="small"
+							onClick={() =>
+								endreReservasjoner([{ oppgaveNøkkel: oppgave.oppgaveNøkkel, brukerIdent: saksbehandler.brukerIdent }])
+							}
+						>
 							Jeg vil reservere oppgaven
 						</Button>
 					)}

src/client/app/types/EndreOppgaveType.ts

@@ -0,0 +1,8 @@
+import { OppgaveNøkkel } from './OppgaveNøkkel';
+
+export default interface EndreOppgaveType {
+	oppgaveNøkkel: OppgaveNøkkel;
+	begrunnelse?: string;
+	reserverTil?: string;
+	brukerIdent?: string;
+}