Reload guest info properly

Instead of forcing a reload of the page, we trigger a new api call in
the background, meaning we don't get a flash when verifying an identity.

frontend/src/components/identityLine/index.tsx

@@ -4,21 +4,20 @@ import { Identity } from 'interfaces'
 import { useState } from 'react'
 import { submitJsonOpts } from 'utils'
 import CheckIcon from '@mui/icons-material/Check'
-import { useHistory } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 
 interface IdentityLineProps {
   text: string
   identity: Identity | null
+  reloadGuest: () => void
 }
-const IdentityLine = ({ text, identity }: IdentityLineProps) => {
+const IdentityLine = ({ text, identity, reloadGuest }: IdentityLineProps) => {
   // Make a line with a confirmation button if the identity has not been verified
   const [confirmOpen, setConfirmOpen] = useState(false)
   const [t] = useTranslation('common')
-  const history = useHistory()
   const verifyIdentity = (id: string) => async () => {
     await fetch(`/api/ui/v1/identity/${id}`, submitJsonOpts('PATCH', {}))
-    history.go(0)
+    reloadGuest()
   }
 
   if (identity == null) {

frontend/src/routes/sponsor/guest/guestInfo/index.tsx

@@ -35,6 +35,7 @@ type GuestInfoProps = {
   updateEmail: (validEmail: string) => void
   resend: () => void
   reloadGuests: () => void
+  reloadGuest: () => void
 }
 
 type CancelConfirmationDialogProps = {
@@ -84,6 +85,7 @@ export default function GuestInfo({
   updateEmail,
   resend,
   reloadGuests,
+  reloadGuest,
 }: GuestInfoProps) {
   const { pid } = useParams<GuestInfoParams>()
   const [t] = useTranslation(['common'])
@@ -232,10 +234,12 @@ export default function GuestInfo({
             <IdentityLine
               text={t('input.nationalIdNumber')}
               identity={guest.fnr}
+              reloadGuest={reloadGuest}
             />
             <IdentityLine
               text={t('input.passportNumber')}
               identity={guest.passport}
+              reloadGuest={reloadGuest}
             />
             <TableRow>
               <TableCell align="left">{t('input.mobilePhone')}</TableCell>

frontend/src/routes/sponsor/guest/index.tsx

@@ -67,6 +67,7 @@ function GuestRoutes({ reloadGuests }: GuestRoutesProps) {
           updateEmail={updateEmail}
           resend={resend}
           reloadGuests={reloadGuests}
+          reloadGuest={reloadGuestInfo}
         />
       </Route>
     </>