mutate behandlere når dialog åpnes

Author: di0nys1us

client/src/header/Toppmeny.tsx

@@ -69,12 +69,12 @@ export function Toppmeny() {
             <Dropdown.Menu.GroupedList>
               <Dropdown.Menu.GroupedList.Heading>Enheter</Dropdown.Menu.GroupedList.Heading>
               {innloggetAnsatt.enheter
-                .filter(({ nummer }) => valgtEnhet.nummer !== nummer)
+                .filter(({ nummer }) => valgtEnhet?.nummer !== nummer)
                 .map((enhet) => (
                   <Dropdown.Menu.GroupedList.Item
                     key={enhet.nummer}
                     onClick={() => {
-                      setValgtEnhet(enhet.nummer)
+                      return setValgtEnhet(enhet.nummer)
                     }}
                   >
                     {enhet.nummer} - {enhet.navn}

client/src/mocks/handlers/saksbehandler.ts

@@ -5,20 +5,9 @@ import type { InnloggetAnsatt } from '../../tilgang/Ansatt.ts'
 import { delay } from './response.ts'
 
 export const saksbehandlerHandlers: StoreHandlersFactory = ({ saksbehandlerStore }) => [
-  http.get<never, never, InnloggetAnsatt>('/api/saksbehandler', async ({ request }) => {
+  http.get<never, never, InnloggetAnsatt>('/api/saksbehandler', async () => {
     await delay(75)
     const innloggetSaksbehandler = await saksbehandlerStore.innloggetSaksbehandler()
-    const valgtEnhet = request.headers.get('x-valgt-enhet')
-    if (valgtEnhet?.length === 4) {
-      const enheter = innloggetSaksbehandler.enheter.map((enhet) => ({
-        ...enhet,
-        gjeldende: enhet.nummer === valgtEnhet,
-      }))
-      return HttpResponse.json({
-        ...innloggetSaksbehandler,
-        enheter,
-      })
-    }
     return HttpResponse.json(innloggetSaksbehandler)
   }),
 ]

client/src/oppgave/useOppgavebehandlere.ts

@@ -7,16 +7,20 @@ export interface Oppgavebehandlere {
   behandlere: Ansatt[]
 }
 
-export function useOppgavebehandlere(): Oppgavebehandlere & { mutate: KeyedMutator<Oppgavebehandlere> } {
+export function useOppgavebehandlere(): Oppgavebehandlere & {
+  mutate: KeyedMutator<Oppgavebehandlere>
+  isValidating: boolean
+} {
   const { oppgaveId } = useOppgaveContext()
-  const { data, error, mutate } = useSwr<Oppgavebehandlere>(
+  const { data, error, mutate, isValidating } = useSwr<Oppgavebehandlere>(
     oppgaveId ? `/api/oppgaver-v2/${oppgaveId}/behandlere` : null
   )
   if (error) {
-    return { behandlere: [], mutate }
+    return { behandlere: [], mutate, isValidating }
   }
   return {
     behandlere: data?.behandlere ?? [],
     mutate,
+    isValidating,
   }
 }

client/src/saksbilde/Saksmeny.tsx

@@ -1,6 +1,6 @@
 import { ChevronDownIcon } from '@navikt/aksel-icons'
 import { Alert, Button, Checkbox, CheckboxGroup, Dropdown, Select, Textarea, VStack } from '@navikt/ds-react'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 import { postHenleggelse } from '../io/http.ts'
 import { useSaksregler } from '../saksregler/useSaksregler.ts'
@@ -79,25 +79,36 @@ const henleggSakÅrsaker = ['Duplikat sak']
 
 function OverførTilSaksbehandlerModal(props: { sakId: string; open: boolean; onClose(): void }) {
   const { sakId, open, onClose } = props
-  const { behandlere, mutate: mutateBehandlere } = useOppgavebehandlere()
+  const { behandlere, mutate: mutateBehandlere, isValidating: behandlereIsValidating } = useOppgavebehandlere()
   const { endreOppgavetildeling } = useOppgaveService()
   const [loading, setLoading] = useState(false)
-  const [valgtSaksbehandler, setValgtSaksbehandler] = useState<NavIdent | null>(null)
-  const [melding, setMelding] = useState<string | null>(null)
+  const [valgtSaksbehandler, setValgtSaksbehandler] = useState<NavIdent>('')
+  const [melding, setMelding] = useState<string>('')
+
+  useEffect(() => {
+    if (open) {
+      // noinspection JSIgnoredPromiseFromCall
+      mutateBehandlere()
+    }
+  }, [open, mutateBehandlere])
+
   return (
     <BekreftelseModal
       open={open}
-      loading={loading}
+      loading={loading || behandlereIsValidating}
       heading="Overfør sak til annen saksbehandler"
       bekreftButtonLabel="Overfør sak"
       onBekreft={async () => {
         setLoading(true)
-        await endreOppgavetildeling({ saksbehandlerId: valgtSaksbehandler, melding, overtaHvisTildelt: true })
+        await endreOppgavetildeling({
+          saksbehandlerId: valgtSaksbehandler || null,
+          melding: melding || null,
+          overtaHvisTildelt: true,
+        })
         await mutateSak(sakId)
-        await mutateBehandlere()
         setLoading(false)
-        setValgtSaksbehandler(null)
-        setMelding(null)
+        setValgtSaksbehandler('')
+        setMelding('')
         return onClose()
       }}
       onClose={onClose}
@@ -108,11 +119,12 @@ function OverførTilSaksbehandlerModal(props: { sakId: string; open: boolean; on
             <Select
               label="Navn"
               size="small"
+              value={valgtSaksbehandler}
               onChange={(event) => {
                 setValgtSaksbehandler(event.target.value)
               }}
             >
-              <option>Velg saksbehandler</option>
+              <option value="">Velg saksbehandler</option>
               {behandlere.map((behandler) => (
                 <option key={behandler.id} value={behandler.id}>
                   {behandler.navn}
@@ -124,6 +136,7 @@ function OverførTilSaksbehandlerModal(props: { sakId: string; open: boolean; on
               maxRows={5}
               label="Melding"
               size="small"
+              value={melding}
               onChange={(event) => {
                 setMelding(event.target.value)
               }}