From 85e0235c90d36d28edc64a6290f74d6eb7aada9f Mon Sep 17 00:00:00 2001
From: analuizaff <nanaluff@hotmail.com>
Date: Tue, 5 Oct 2021 19:40:07 -0300
Subject: [PATCH] creating no internet connection warning screen

---
 src/app/screens/NoInternetConnectionScreen.js | 47 +++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 src/app/screens/NoInternetConnectionScreen.js

diff --git a/src/app/screens/NoInternetConnectionScreen.js b/src/app/screens/NoInternetConnectionScreen.js
new file mode 100644
index 0000000..3bf23dc
--- /dev/null
+++ b/src/app/screens/NoInternetConnectionScreen.js
@@ -0,0 +1,47 @@
+import React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import colors from "../config/colors";
+import { dimensions } from "../config/dimensions";
+
+export default function NoInternetConnectionScreen() {
+  return (
+    <View style={styles.containter}>
+      <View style={styles.icon}>
+        <MaterialCommunityIcons
+          name="wifi-off"
+          size={58}
+          color={colors.primary}
+          alignSelf="center"
+        />
+      </View>
+      <Text style={styles.txtHeader}>Conecte-se à internet</Text>
+      <Text style={styles.txtStyle}>
+        Você está offline. Verifique sua conexão com a internet.
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  containter: {
+    flex: 1,
+    justifyContent: "center",
+    padding: 10,
+  },
+  icon:{
+      alignSelf:"center",
+  },
+  txtHeader: {
+    color: colors.primary,
+    fontSize: dimensions.text.header,
+    fontWeight: "bold",
+    textAlign: "center",
+    paddingBottom: 20,
+  },
+  txtStyle: {
+    fontSize: dimensions.text.secondary,
+    fontWeight: "bold",
+    textAlign: "center",
+  },
+});