2246bb7782
This change enhances user experience by making automatic login more responsive. Only occurs on app navigation/refresh, not internal navigation. Testing in production, can revert if needed. Will later refactor to use backend configuration.
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import { ApiError } from '@/api/ApiError'
|
|
import { fetchApi } from '@/api/fetchApi'
|
|
import { type ApiUser } from './ApiUser'
|
|
import { attemptSilentLogin, canAttemptSilentLogin } from '../utils/silentLogin'
|
|
|
|
/**
|
|
* fetch the logged-in user from the api.
|
|
*
|
|
* If the user is not logged in, the api returns a 401 error.
|
|
* Here our wrapper just returns false in that case, without triggering an error:
|
|
* this is done to prevent unnecessary query retries with react query
|
|
*/
|
|
export const fetchUser = (
|
|
opts: {
|
|
attemptSilent?: boolean
|
|
} = {
|
|
attemptSilent: true,
|
|
}
|
|
): Promise<ApiUser | false> => {
|
|
return new Promise((resolve, reject) => {
|
|
fetchApi<ApiUser>('/users/me')
|
|
.then(resolve)
|
|
.catch((error) => {
|
|
// we assume that a 401 means the user is not logged in
|
|
if (error instanceof ApiError && error.statusCode === 401) {
|
|
// make sure to not resolve the promise while trying to silent login
|
|
// so that consumers of fetchUser don't think the work already ended
|
|
if (opts.attemptSilent && canAttemptSilentLogin()) {
|
|
attemptSilentLogin(30)
|
|
} else {
|
|
resolve(false)
|
|
}
|
|
} else {
|
|
reject(error)
|
|
}
|
|
})
|
|
})
|
|
}
|