added some checks for bugs

2023-05-19 15:48:44 -04:00
parent 05e3613db9
commit 4dc054b1e3
6 changed files with 133 additions and 44 deletions
--- a/components/error-display/error-display.component.jsx
+++ b/components/error-display/error-display.component.jsx
@@ -1,10 +1,20 @@
 import React from "react";
-import { View, Text } from "react-native";
+import { StyleSheet,View, Text } from "react-native";
+import { Title } from "react-native-paper";

 export default function ErrorDisplay({ errorMessage }) {
  return (
-    <View style={{ backgroundColor: "red", paddingLeft:10, paddingVertical:8 }}>
-      <Text>{errorMessage}</Text>
+    <View >
+      <Title style={localStyles.alert}>{errorMessage}</Title>
+      {/* <Text>{errorMessage}</Text> */}
    </View>
  );
 }
+const localStyles = StyleSheet.create({
+  alert: {
+    color: "red",
+    textAlign: "center",
+    margin: 15,
+    padding: 15,
+  },
+});