Håndtere at man ikke kan plukke fra kø uten 404, i stedet returneres …

…array (#3643)

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

@@ -11,7 +11,7 @@ import { SøkeboksOppgaveDto } from 'saksbehandler/sokeboks/SøkeboksOppgaveDto'
 import EndreOppgaveType from 'types/EndreOppgaveType';
 import { OppgaveNøkkel } from 'types/OppgaveNøkkel';
 import OppgaveV3 from 'types/OppgaveV3';
-import { OppgavekøV3, OppgavekøV3Enkel } from 'types/OppgavekøV3Type';
+import { OppgavekøV3 } from 'types/OppgavekøV3Type';
 import { axiosInstance } from 'utils/reactQueryConfig';
 
 export const useInnloggetSaksbehandler = (options?: Omit<UseQueryOptions<NavAnsatt, Error>, 'queryKey'>) =>
@@ -96,16 +96,18 @@ export const useEndreReservasjoner = (onSuccess?: () => void) => {
 		},
 	});
 };
-export const usePlukkOppgaveMutation = (callback?: (oppgave: ReservasjonV3FraKøDto) => void) => {
+export const usePlukkOppgaveMutation = (callback?: (oppgave: ReservasjonV3FraKøDto[]) => void) => {
 	const queryClient = useQueryClient();
 
 	return useMutation({
-		mutationFn: (data: { oppgaveKøId: string }): Promise<ReservasjonV3FraKøDto> =>
+		mutationFn: (data: { oppgaveKøId: string }): Promise<ReservasjonV3FraKøDto[]> =>
 			axiosInstance.post(`${apiPaths.hentOppgaveFraKoV3(data.oppgaveKøId)}`, data).then((response) => response.data),
-		onSuccess: (data: ReservasjonV3FraKøDto) => {
-			queryClient.refetchQueries({ queryKey: [apiPaths.saksbehandlerReservasjoner] }).then(() => {
-				if (callback) callback(data);
-			});
+		onSuccess: async (data: ReservasjonV3FraKøDto[] | ReservasjonV3FraKøDto) => {
+			const array = Array.isArray(data) ? data : [data]; // Midlertidig, for å slippe å deploye backend og frontend helt samtidig
+			if (callback) callback(array);
+			if (array.length > 0) {
+				await queryClient.refetchQueries({ queryKey: [apiPaths.saksbehandlerReservasjoner] });
+			}
 		},
 	});
 };

src/client/app/saksbehandler/behandlingskoer/components/OppgavekoPanel.tsx

@@ -37,9 +37,14 @@ const OppgavekoPanel: FunctionComponent<OwnProps> = ({ apneOppgave }) => {
 		resetRequestData,
 	} = useRestApiRunner<Oppgave>(K9LosApiKeys.FÅ_OPPGAVE_FRA_KO);
 
-	const { mutate, error } = usePlukkOppgaveMutation((oppgave) => {
-		leggTilBehandletOppgave(oppgave.oppgaveNøkkelDto);
-		window.location.assign(oppgave.oppgavebehandlingsUrl);
+	const { mutate } = usePlukkOppgaveMutation(async (reservasjoner) => {
+		if (reservasjoner.length > 0) {
+			const { oppgaveNøkkelDto, oppgavebehandlingsUrl } = reservasjoner[0];
+			await leggTilBehandletOppgave(oppgaveNøkkelDto);
+			window.location.assign(oppgavebehandlingsUrl);
+		} else {
+			setVisFinnesIngenBehandlingerIKoModal(true);
+		}
 	});
 
 	useEffect(() => {
@@ -54,12 +59,6 @@ const OppgavekoPanel: FunctionComponent<OwnProps> = ({ apneOppgave }) => {
 		}
 	}, [restApiState, restApiError]);
 
-	useEffect(() => {
-		if (error && error.toString().includes('404')) {
-			setVisFinnesIngenBehandlingerIKoModal(true);
-		}
-	}, [error]);
-
 	const plukkNyOppgave = () => {
 		if (!erKoV3(valgtOppgavekoId)) {
 			setLoadingOppgaveFraKo(true);