fix: configurable access error (#2859)

Author: Raubzeug

src/containers/App/Content.tsx

@@ -196,13 +196,11 @@ function GetUser({children}: {children: React.ReactNode}) {
     const {isLoading, error} = authenticationApi.useWhoamiQuery({database});
     const {appTitle} = useAppTitle();
 
+    const errorProps = error ? {...uiFactory.clusterOrDatabaseAccessError} : undefined;
+
     return (
         <LoaderWrapper loading={isLoading} size="l">
-            <PageError
-                error={error}
-                {...uiFactory.clusterOrDatabaseAccessError}
-                errorPageTitle={appTitle}
-            >
+            <PageError error={error} {...errorProps} errorPageTitle={appTitle}>
                 {children}
             </PageError>
         </LoaderWrapper>

src/containers/Clusters/Clusters.tsx

@@ -140,10 +140,13 @@ export function Clusters() {
 
     const showBlockingError = isAccessError(query.error);
 
+    const errorProps = showBlockingError ? uiFactory.clusterOrDatabaseAccessError : undefined;
+
     return (
         <PageError
             error={showBlockingError ? query.error : undefined}
-            {...uiFactory.clusterOrDatabaseAccessError}
+            {...errorProps}
+            errorPageTitle={uiFactory.clustersPageTitle ?? i18n('page_title')}
         >
             <div className={b()}>
                 <Helmet>

src/containers/Tenant/Tenant.tsx

@@ -106,6 +106,8 @@ export function Tenant(props: TenantProps) {
 
     const showBlockingError = isAccessError(error);
 
+    const errorProps = showBlockingError ? uiFactory.clusterOrDatabaseAccessError : undefined;
+
     const onCollapseSummaryHandler = () => {
         dispatchSummaryVisibilityAction(PaneVisibilityActionTypes.triggerCollapse);
     };
@@ -131,10 +133,7 @@ export function Tenant(props: TenantProps) {
                 titleTemplate={`%s — ${title} — ${appTitle}`}
             />
             <LoaderWrapper loading={initialLoading}>
-                <PageError
-                    error={showBlockingError ? error : undefined}
-                    {...uiFactory.clusterOrDatabaseAccessError}
-                >
+                <PageError error={showBlockingError ? error : undefined} {...errorProps}>
                     <TenantContextProvider
                         database={database}
                         path={path}