Creating StartPendingINspection style file

fga-eps-mds · Nov 6, 2018 · f173d4f · f173d4f
1 parent 1a1757e
commit f173d4f
Show file tree

Hide file tree

Showing 2 changed files with 181 additions and 169 deletions.
diff --git a/src/Styles/StartInspection/StartPendingInspectionStyles.js b/src/Styles/StartInspection/StartPendingInspectionStyles.js
@@ -0,0 +1,174 @@
+import { StyleSheet } from 'react-native';
+
+const styles = StyleSheet.create({
+    principal: {
+      flex: 1,
+    },
+
+    content: {
+      flex: 1,
+      paddingTop: 6,
+      backgroundColor: 'white',
+    },
+
+    listSchedule: {
+      flex: 1,
+      marginHorizontal: 15,
+      marginVertical: 10,
+      borderColor: 'black',
+      borderWidth: 1,
+      borderRadius: 3,
+      backgroundColor: '#FAFAFA',
+      justifyContent: 'space-between',
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+
+    textBox: {
+      flex: 4,
+      paddingLeft: 4,
+      justifyContent: 'flex-start',
+      marginRight: 15,
+    },
+
+    text: {
+      fontSize: 15,
+      paddingVertical: 2,
+    },
+
+    buttonBox: {
+      borderColor: 'black',
+      borderWidth: 0.8,
+      borderRadius: 7,
+      backgroundColor: '#4cd964',
+      padding: 8,
+      justifyContent: 'center',
+      marginRight: 15,
+      marginTop: 5,
+      marginBottom: 5,
+    },
+
+    buttonInvitees: {
+      borderColor: 'black',
+      borderWidth: 0.8,
+      borderRadius: 7,
+      backgroundColor: 'white',
+      padding: 8,
+      justifyContent: 'center',
+      marginRight: 15,
+      marginTop: 5,
+      marginBottom: 5,
+    },
+
+    buttonText: {
+      fontSize: 12,
+      textAlign: 'center',
+    },
+
+    popUp: {
+      marginBottom: 120,
+    },
+
+    footerPopUp: {
+      backgroundColor: '#F9F9FB',
+      borderColor: '#DAD9DC',
+      borderTopWidth: 0.5,
+      borderBottomLeftRadius: 8,
+      borderBottomRightRadius: 8,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+    },
+
+    listRegisters: {
+      marginHorizontal: 10,
+      marginVertical: 5,
+      borderColor: 'black',
+      borderWidth: 1.5,
+      borderRadius: 7,
+      backgroundColor: '#FAFAFA',
+      justifyContent: 'space-between',
+    },
+});
+
+
+const buttonInviteesStyle = StyleSheet.create({
+    design: {
+      borderColor: 'black',
+      borderWidth: 0.8,
+      borderRadius: 7,
+      backgroundColor: 'white',
+      padding: 8,
+      justifyContent: 'center',
+      marginRight: 15,
+      marginTop: 5,
+      marginBottom: 5,
+    },
+
+    text: {
+      fontSize: 12,
+      textAlign: 'center',
+    },
+});
+
+const buttonBoxStyle = StyleSheet.create({
+    design: {
+      borderColor: 'black',
+      borderWidth: 0.8,
+      borderRadius: 7,
+      backgroundColor: '#4cd964',
+      padding: 8,
+      justifyContent: 'center',
+      marginRight: 15,
+      marginTop: 5,
+      marginBottom: 5,
+    },
+
+    text: {
+      fontSize: 12,
+      textAlign: 'center',
+    },
+});
+
+const buttonBoxStyleNotInvitee = StyleSheet.create({
+    design: {
+      borderColor: 'black',
+      borderWidth: 0.8,
+      borderRadius: 7,
+      backgroundColor: '#ff3b30',
+      padding: 8,
+      justifyContent: 'center',
+      marginRight: 15,
+      marginTop: 5,
+      marginBottom: 5,
+    },
+
+    text: {
+      fontSize: 12,
+      textAlign: 'center',
+    },
+});
+
+const buttonBoxStyleNotConfirm = StyleSheet.create({
+    design: {
+      borderColor: 'black',
+      borderWidth: 0.8,
+      borderRadius: 7,
+      backgroundColor: '#ffcc00',
+      padding: 8,
+      justifyContent: 'center',
+      marginRight: 15,
+      marginTop: 5,
+      marginBottom: 5,
+    },
+    text: {
+      fontSize: 12,
+      textAlign: 'center',
+    },
+});
+
+export default styles;
+export default buttonBoxStyle;
+export default buttonInviteesStyle;
+export default buttonBoxStyleNotConfirm;
+export default buttonBoxStyleNotInvitee;
diff --git a/src/screens/startInspection/StartPendingInspection.js b/src/screens/startInspection/StartPendingInspection.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import {
-  StyleSheet,
   Text,
   View,
   ScrollView,
@@ -17,174 +16,13 @@ import stylesList from '../../Styles/ListStyles';
 import ScheduleCard from '../../components/ScheduleCard';
 import Button from '../../components/Button';
 import { getVisitData, getCounselorData } from '../../services/extractDataInspection';
-
-
-const styles = StyleSheet.create({
-  principal: {
-    flex: 1,
-  },
-
-  content: {
-    flex: 1,
-    paddingTop: 6,
-    backgroundColor: 'white',
-  },
-
-  listSchedule: {
-    flex: 1,
-    marginHorizontal: 15,
-    marginVertical: 10,
-    borderColor: 'black',
-    borderWidth: 1,
-    borderRadius: 3,
-    backgroundColor: '#FAFAFA',
-    justifyContent: 'space-between',
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-
-  textBox: {
-    flex: 4,
-    paddingLeft: 4,
-    justifyContent: 'flex-start',
-    marginRight: 15,
-  },
-
-  text: {
-    fontSize: 15,
-    paddingVertical: 2,
-  },
-
-  buttonBox: {
-    borderColor: 'black',
-    borderWidth: 0.8,
-    borderRadius: 7,
-    backgroundColor: '#4cd964',
-    padding: 8,
-    justifyContent: 'center',
-    marginRight: 15,
-    marginTop: 5,
-    marginBottom: 5,
-  },
-
-  buttonInvitees: {
-    borderColor: 'black',
-    borderWidth: 0.8,
-    borderRadius: 7,
-    backgroundColor: 'white',
-    padding: 8,
-    justifyContent: 'center',
-    marginRight: 15,
-    marginTop: 5,
-    marginBottom: 5,
-  },
-
-  buttonText: {
-    fontSize: 12,
-    textAlign: 'center',
-  },
-
-  popUp: {
-    marginBottom: 120,
-  },
-
-  footerPopUp: {
-    backgroundColor: '#F9F9FB',
-    borderColor: '#DAD9DC',
-    borderTopWidth: 0.5,
-    borderBottomLeftRadius: 8,
-    borderBottomRightRadius: 8,
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-
-  listRegisters: {
-    marginHorizontal: 10,
-    marginVertical: 5,
-    borderColor: 'black',
-    borderWidth: 1.5,
-    borderRadius: 7,
-    backgroundColor: '#FAFAFA',
-    justifyContent: 'space-between',
-  },
-});
-
-
-const buttonInviteesStyle = StyleSheet.create({
-  design: {
-    borderColor: 'black',
-    borderWidth: 0.8,
-    borderRadius: 7,
-    backgroundColor: 'white',
-    padding: 8,
-    justifyContent: 'center',
-    marginRight: 15,
-    marginTop: 5,
-    marginBottom: 5,
-  },
-
-  text: {
-    fontSize: 12,
-    textAlign: 'center',
-  },
-});
-
-const buttonBoxStyle = StyleSheet.create({
-  design: {
-    borderColor: 'black',
-    borderWidth: 0.8,
-    borderRadius: 7,
-    backgroundColor: '#4cd964',
-    padding: 8,
-    justifyContent: 'center',
-    marginRight: 15,
-    marginTop: 5,
-    marginBottom: 5,
-  },
-
-  text: {
-    fontSize: 12,
-    textAlign: 'center',
-  },
-});
-
-const buttonBoxStyleNotInvitee = StyleSheet.create({
-  design: {
-    borderColor: 'black',
-    borderWidth: 0.8,
-    borderRadius: 7,
-    backgroundColor: '#ff3b30',
-    padding: 8,
-    justifyContent: 'center',
-    marginRight: 15,
-    marginTop: 5,
-    marginBottom: 5,
-  },
-
-  text: {
-    fontSize: 12,
-    textAlign: 'center',
-  },
-});
-
-const buttonBoxStyleNotConfirm = StyleSheet.create({
-  design: {
-    borderColor: 'black',
-    borderWidth: 0.8,
-    borderRadius: 7,
-    backgroundColor: '#ffcc00',
-    padding: 8,
-    justifyContent: 'center',
-    marginRight: 15,
-    marginTop: 5,
-    marginBottom: 5,
-  },
-  text: {
-    fontSize: 12,
-    textAlign: 'center',
-  },
-});
+import { 
+  styles, 
+  buttonBoxStyle, 
+  buttonBoxStyleNotConfirm,
+  buttonBoxStyleNotInvitee,
+  buttonInviteesStyle
+} from '../../Styles/StartInspection/StartPendingInspectionStyles'
 
 class StartPendingInspection extends React.Component {
   constructor(props) {