Add reload button when the app errors out

[licitdev]

Scope

What's changed:

• Added reload button when the app errors out

Potential Risks / Drawbacks

• Nil

Review Notes / Questions

• Nil

---

Related to #22360 where the app errors out but without any action for users to proceed with

[changeset-bot]

🦋 Changeset detected

Latest commit: 4150b7c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages

Name	Type
@directus/app	Patch
@directus/api	Patch
directus	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[paescuj]

Should we align the unexpected error message and button action a bit?

For example:

• Changing the message to "Please try again later" or "Please try again by reloading the page"
• Changing the button to "Try again"

[licitdev]

@paescuj The unexpected_error_copy is a generic message which is here:

directus/app/src/modules/content/routes/collection.vue

Lines 504 to 506 in 6c28725

	<template #error="{ error, reset }">
	<v-info type="danger" :title="t('unexpected_error')" icon="error" center>
	{{ t('unexpected_error_copy') }}

Should we add a new string unexpected_error_reload if we need to change it?

On the other hand, I think the "Try Again" button might be misleading as we are doing a reload and not retrying.

[paescuj]

@paescuj The unexpected_error_copy is a generic message which is here:

directus/app/src/modules/content/routes/collection.vue

Lines 504 to 506 in 6c28725

	<template #error="{ error, reset }">
	<v-info type="danger" :title="t('unexpected_error')" icon="error" center>
	{{ t('unexpected_error_copy') }}

Should we add a new string unexpected_error_reload if we need to change it?

On the other hand, I think the "Try Again" button might be misleading as we are doing a reload and not retrying.

Right. Hmm, I think it would already be sufficient if we drop the "later", so "Please try again". It feels wrong to tell the user to try later, while presenting a reload button at the same time.
This would also make sense for the case under routes/collection.vue.

[paescuj]

❤️