diff --git a/src/components/ageAssurance/AgeAssuranceInitDialog.tsx b/src/components/ageAssurance/AgeAssuranceInitDialog.tsx index a189d9af29..9599d084fa 100644 --- a/src/components/ageAssurance/AgeAssuranceInitDialog.tsx +++ b/src/components/ageAssurance/AgeAssuranceInitDialog.tsx @@ -134,16 +134,18 @@ function Inner() { setSuccess(true) } catch (e) { + let error: React.ReactNode = _( + msg`Something went wrong, please try again`, + ) + if (e instanceof XRPCError) { if (e.error === 'InvalidEmail') { - setError( - _( - msg`Please enter a valid, non-temporary email address. You may need to access this email in the future.`, - ), + error = _( + msg`Please enter a valid, non-temporary email address. You may need to access this email in the future.`, ) logger.metric('ageAssurance:initDialogError', {code: 'InvalidEmail'}) } else if (e.error === 'DidTooLong') { - setError( + error = ( <> We're having issues initializing the age assurance process for @@ -155,15 +157,19 @@ function Inner() { {' '} for assistance. - , + ) logger.metric('ageAssurance:initDialogError', {code: 'DidTooLong'}) + } else { + logger.metric('ageAssurance:initDialogError', {code: 'other'}) } } else { const {clean, raw} = cleanError(e) - setError(clean || raw || _(msg`Something went wrong, please try again`)) + error = clean || raw || error logger.metric('ageAssurance:initDialogError', {code: 'other'}) } + + setError(error) } }