diff --git a/packages/app/src/screens/startup-splash-screen.tsx b/packages/app/src/screens/startup-splash-screen.tsx index 188fb9e9c..f70ce792c 100644 --- a/packages/app/src/screens/startup-splash-screen.tsx +++ b/packages/app/src/screens/startup-splash-screen.tsx @@ -38,6 +38,28 @@ const styles = StyleSheet.create((theme) => ({ justifyContent: "flex-start", paddingTop: theme.spacing[16], }, + errorScreen: { + position: "relative", + flex: 1, + backgroundColor: theme.colors.surface0, + }, + errorScrollView: { + flex: 1, + ...(Platform.OS === "web" + ? { + overflowX: "auto", + overflowY: "auto", + } + : null), + }, + errorScrollContent: { + flexGrow: 1, + alignItems: "center", + justifyContent: "flex-start", + paddingHorizontal: theme.spacing[8], + paddingVertical: theme.spacing[8], + paddingTop: theme.spacing[16], + }, centeredContent: { alignItems: "center", justifyContent: "center", @@ -255,67 +277,73 @@ export function StartupSplashScreen({ bootstrapState }: StartupSplashScreenProps } return ( - + - - - - Something went wrong + + + + + Something went wrong + + + + The local server failed to start. If this keeps happening, please report the issue on GitHub and include the logs below. + + + + {bootstrapState.error} + + + {daemonLogs?.logPath ? {daemonLogs.logPath} : null} + + + + + {logsText} + + + + + + + + + + - - - The local server failed to start. If this keeps happening, please report the issue on GitHub and include the logs below. - - - - {bootstrapState.error} - - - {daemonLogs?.logPath ? {daemonLogs.logPath} : null} - - - - - {logsText} - - - - - - - - - - - + ); }