Make sure the error boundary & loading spinner don't suspend

This is done by making it possible to render the GenericError, Layout
and Footer with a `dontSuspend` prop. This then sets the `useSuspense`
to `false` in translations, and sets a default translations in case they
haven't been loaded yet.
This commit is contained in:
Quentin Gliech
2024-02-16 19:21:47 +01:00
parent 98fe43210e
commit 60d4223038
12 changed files with 266 additions and 169 deletions

View File

@@ -13,33 +13,6 @@
* limitations under the License.
*/
.error {
display: flex;
flex-direction: column;
gap: var(--cpd-space-4x);
}
.message {
display: flex;
flex-direction: column;
gap: var(--cpd-space-2x);
text-align: center;
&>p {
color: var(--cpd-color-text-secondary);
}
}
.icon {
align-self: center;
height: var(--cpd-space-16x);
width: var(--cpd-space-16x);
padding: var(--cpd-space-3x);
border-radius: var(--cpd-space-2x);
background-color: var(--cpd-color-bg-critical-subtle);
color: var(--cpd-color-icon-critical-primary);
}
.details {
font: var(--cpd-font-body-sm-regular);
background: var(--cpd-color-bg-critical-subtle);