From bb06ef4f6e7ac7889b3112285d0cf3445b8eb766 Mon Sep 17 00:00:00 2001 From: Paul Frazee Date: Tue, 6 Sep 2022 14:26:39 -0500 Subject: Rework profile page to include working view selector --- src/view/com/util/ErrorScreen.tsx | 111 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 111 insertions(+) create mode 100644 src/view/com/util/ErrorScreen.tsx (limited to 'src/view/com/util/ErrorScreen.tsx') diff --git a/src/view/com/util/ErrorScreen.tsx b/src/view/com/util/ErrorScreen.tsx new file mode 100644 index 000000000..4a3e41dc9 --- /dev/null +++ b/src/view/com/util/ErrorScreen.tsx @@ -0,0 +1,111 @@ +import React from 'react' +import {StyleSheet, Text, TouchableOpacity, View} from 'react-native' +import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome' +import {colors} from '../../lib/styles' + +export function ErrorScreen({ + title, + message, + details, + onPressTryAgain, +}: { + title: string + message: string + details?: string + onPressTryAgain?: () => void +}) { + return ( + + + + + + + {title} + {message} + {details && {details}} + {onPressTryAgain && ( + + + + Try again + + + )} + + ) +} + +const styles = StyleSheet.create({ + outer: { + flex: 1, + backgroundColor: colors.red1, + borderWidth: 1, + borderColor: colors.red3, + borderRadius: 6, + paddingVertical: 30, + paddingHorizontal: 14, + margin: 10, + }, + title: { + textAlign: 'center', + color: colors.red4, + fontSize: 24, + marginBottom: 10, + }, + message: { + textAlign: 'center', + color: colors.red4, + marginBottom: 20, + }, + details: { + textAlign: 'center', + color: colors.black, + backgroundColor: colors.white, + borderWidth: 1, + borderColor: colors.gray5, + borderRadius: 6, + paddingVertical: 10, + paddingHorizontal: 14, + overflow: 'hidden', + marginBottom: 20, + }, + btnContainer: { + alignItems: 'center', + }, + btn: { + flexDirection: 'row', + alignItems: 'center', + backgroundColor: colors.red4, + borderRadius: 6, + paddingHorizontal: 16, + paddingVertical: 10, + }, + btnText: { + marginLeft: 5, + color: colors.white, + fontSize: 16, + fontWeight: 'bold', + }, + errorIconContainer: { + alignItems: 'center', + marginBottom: 10, + }, + errorIcon: { + backgroundColor: colors.red4, + borderRadius: 30, + width: 50, + height: 50, + alignItems: 'center', + justifyContent: 'center', + marginRight: 5, + }, +}) -- cgit 1.4.1