Reformat code

JoeNg93 · Feb 24, 2019 · cad8824 · cad8824
1 parent 6ab0bc4
commit cad8824
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 20 deletions.
diff --git a/front-end/components/OrderHistoryBox.js b/front-end/components/OrderHistoryBox.js
@@ -58,7 +58,7 @@ const styles = StyleSheet.create({
     width: 347,
     height: 90,
     borderRadius: 11,
-		paddingHorizontal: 20,
+    paddingHorizontal: 20,
 
     backgroundColor: Colors.white,
     borderBottomWidth: 4,

diff --git a/...eens/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionDetailScreen.js b/...eens/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionDetailScreen.js
@@ -46,7 +46,11 @@ class SubscriptionDetailScreen extends React.Component {
 
   splitSampleContent = sampleContent => {
     let splitSampleContent = sampleContent.split(CONTENT_SEPARATOR);
-    return splitSampleContent.map( (text, index) => <Text key={index} style={styles.descriptionContent}>{text}</Text>);
+    return splitSampleContent.map((text, index) => (
+      <Text key={index} style={styles.descriptionContent}>
+        {text}
+      </Text>
+    ));
   };
 
   render() {
@@ -94,13 +98,13 @@ class SubscriptionDetailScreen extends React.Component {
         <View style={{ paddingHorizontal: 40 }}>
           <View>
             <Text style={styles.descriptionTitle}>ABOUT</Text>
-            <Text style={[styles.descriptionContent, {marginTop: 10}]}>
+            <Text style={[styles.descriptionContent, { marginTop: 10 }]}>
               {selectedSubscription.longDescription}
             </Text>
           </View>
           <View>
             <Text style={styles.descriptionTitle}>SAMPLE CONTENT</Text>
-            <View style={{marginTop: 10}}>
+            <View style={{ marginTop: 10 }}>
               {this.splitSampleContent(this.mockSampleContent)}
             </View>
           </View>
@@ -223,7 +227,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignSelf: 'center',
     paddingTop: 3,
-    marginTop: 88
+    marginTop: 88,
   },
   circle: {
     marginTop: 6,

diff --git a/...s/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionSelectionScreen.js b/...s/MainScreens/MySubscriptionScreens/AddSubscriptionScreens/SubscriptionSelectionScreen.js
@@ -51,7 +51,7 @@ class SubscriptionSelectionScreen extends React.Component {
               name={'shopping-basket'}
               size={22}
               color={Colors.mediumCarmine}
-              containerStyle={{marginTop: 2}}
+              containerStyle={{ marginTop: 2 }}
             />
             <View
               style={[
@@ -205,7 +205,9 @@ class SubscriptionSelectionScreen extends React.Component {
       );
       return items;
     } else {
-      return <Text style={styles.noItemText}>Your cart is currently empty.</Text>;
+      return (
+        <Text style={styles.noItemText}>Your cart is currently empty.</Text>
+      );
     }
   };
 

diff --git a/front-end/screens/MainScreens/OrderHistoryScreens/OrderHistoryScreen.js b/front-end/screens/MainScreens/OrderHistoryScreens/OrderHistoryScreen.js
@@ -11,20 +11,20 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     marginTop: 40,
-    paddingHorizontal: 30
+    paddingHorizontal: 30,
   },
   scrollContainerContent: {
     justifyContent: 'center',
   },
   textContainer: {
     marginTop: 45,
-		marginBottom: 58,
+    marginBottom: 58,
   },
   mainText: {
-		...commonStyles.fontRalewayBold,
-		...commonStyles.textMediumCarmine,
-		fontSize: 24,
-	},
+    ...commonStyles.fontRalewayBold,
+    ...commonStyles.textMediumCarmine,
+    fontSize: 24,
+  },
 });
 
 
@@ -77,7 +77,7 @@ export default class OrderHistoryScreen extends React.Component {
         deliveryDayOfWeek: 'Wednesday',
         deliveryTime: '16:00-18:00',
         orderDate: '2019/02/08',
-        total: 388
+        total: 388,
       },
     ],
   };
@@ -105,7 +105,7 @@ export default class OrderHistoryScreen extends React.Component {
     });
   };
 
-  render () {
+  render() {
     return (
       <ScrollView
         showsVerticalScrollIndicator={false}
@@ -115,11 +115,8 @@ export default class OrderHistoryScreen extends React.Component {
         <View style={styles.textContainer}>
           <Text style={styles.mainText}>Order History</Text>
         </View>
-
-        <View>
-          {this.renderOrderBoxes()}
-        </View>
-
+
+        <View>{this.renderOrderBoxes()}</View>
       </ScrollView>
     );
   }