diff --git a/fluxer_app/src/features/app/components/BootstrapErrorScreen.tsx b/fluxer_app/src/features/app/components/BootstrapErrorScreen.tsx index 26cd40dc0..1ffc30467 100644 --- a/fluxer_app/src/features/app/components/BootstrapErrorScreen.tsx +++ b/fluxer_app/src/features/app/components/BootstrapErrorScreen.tsx @@ -2,15 +2,13 @@ import {BootstrapErrorKind, classifyBootstrapError} from '@app/features/app/components/BootstrapErrorKind'; import styles from '@app/features/app/components/ErrorFallback.module.css'; -import { - BLUESKY_PROVIDER_NAME, - FLUXER_BLUESKY_HANDLE, - PRODUCT_NAME, -} from '@app/features/app/config/I18nDisplayConstants'; +import {BLUESKY_PROVIDER_NAME, FLUXER_BLUESKY_HANDLE} from '@app/features/app/config/I18nDisplayConstants'; +import {resolveAppShellBranding} from '@app/features/app/state/AppShellBranding'; +import RuntimeConfig from '@app/features/app/state/RuntimeConfig'; import {TRY_AGAIN_DESCRIPTOR} from '@app/features/i18n/utils/CommonMessageDescriptors'; import {ResetClientStateReason, resetClientState} from '@app/features/platform/state/ResetClientState'; import {Button} from '@app/features/ui/button/Button'; -import {APPLICATION_ICON_DESCRIPTOR, FluxerIconMark} from '@app/features/ui/components/icons/FluxerIconMark'; +import {FluxerIcon} from '@app/features/ui/components/icons/FluxerIcon'; import {ExternalUrls} from '@fluxer/constants/src/ExternalUrls'; import {Trans, useLingui} from '@lingui/react/macro'; import type React from 'react'; @@ -62,13 +60,13 @@ export const BootstrapErrorScreen: React.FC = ({error window.location.reload(), ); }, []); + const snapshot = RuntimeConfig.getSnapshotOrNull(); + const productName = resolveAppShellBranding(snapshot).productName; + const statusPageUrl = RuntimeConfig.statusPageUrl; + const selfHosted = snapshot !== null && RuntimeConfig.isSelfHosted(); return (
- +

{unreachable ? Can't connect : Failed to start} @@ -78,7 +76,7 @@ export const BootstrapErrorScreen: React.FC = ({error Check your connection and try again. ) : ( - {PRODUCT_NAME} failed to start properly. This could be due to corrupted data or a temporary issue. + {productName} failed to start properly. This could be due to corrupted data or a temporary issue. )}

@@ -91,23 +89,44 @@ export const BootstrapErrorScreen: React.FC = ({error {error.message}

)} -

- - Check our{' '} - - {BLUESKY_PROVIDER_NAME} ({FLUXER_BLUESKY_HANDLE}) - {' '} - for status updates. - -

+ {statusPageUrl && ( +

+ + Check the{' '} + + status page + {' '} + for updates. + +

+ )} + {!selfHosted && ( +

+ + Check our{' '} + + {BLUESKY_PROVIDER_NAME} ({FLUXER_BLUESKY_HANDLE}) + {' '} + for status updates. + +

+ )}