Adding more component jest snapshots

demo/components/presentational/EthereumQuestion.js

@@ -1,7 +1,8 @@
 import React from "react";
 import { Button, StyleSheet, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import LargeText from "./LargeText";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function EthereumQuestion(props) {
   return (
@@ -26,6 +27,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 20,
+    marginTop: responsiveHeight(4),
   },
 });

demo/components/presentational/EthereumSignIn.js

@@ -1,7 +1,8 @@
 import React from "react";
 import { Button, StyleSheet, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import LargeText from "./LargeText";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function EthereumSignIn(props) {
   return (
@@ -23,6 +24,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 30,
+    marginTop: responsiveHeight(5),
   },
 });

demo/components/presentational/EthereumSignUp.js

@@ -1,13 +1,14 @@
 import React from "react";
 import { StyleSheet, KeyboardAvoidingView } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import { Header } from "react-navigation";
 import Colors from "@constants/Colors";
 import LargeText from "@presentational/LargeText";
 import EthereumSignUpForm from "@presentational/EthereumSignUpForm";
 
 export default class EthereumSignUp extends React.Component {
   render() {
-    const OFFSET = 20;
+    const OFFSET = responsiveHeight(3);
     return (
       <KeyboardAvoidingView
         keyboardVerticalOffset={Header.HEIGHT + OFFSET}

demo/components/presentational/EthereumSignUpForm.js

@@ -1,5 +1,10 @@
 import React from "react";
 import { Button, StyleSheet, View, Text, TextInput } from "react-native";
+import {
+  responsiveHeight,
+  responsiveWidth,
+  responsiveFontSize,
+} from "react-native-responsive-dimensions";
 import { Account } from "tasit-sdk";
 
 export default class EthereumSignUpForm extends React.Component {
@@ -43,11 +48,15 @@ export default class EthereumSignUpForm extends React.Component {
 const styles = StyleSheet.create({
   userRow: { flexDirection: "row" },
   userInputView: { flex: 1, alignItems: "flex-end" },
-  userInput: { justifyContent: "flex-start", width: 90, fontSize: 20 },
+  userInput: {
+    justifyContent: "flex-start",
+    width: responsiveWidth(28),
+    fontSize: responsiveFontSize(3),
+  },
   ensView: { flex: 1 },
-  ensText: { justifyContent: "flex-end", fontSize: 20 },
+  ensText: { justifyContent: "flex-end", fontSize: responsiveFontSize(3) },
   buttonView: {
     flexDirection: "row",
-    marginTop: 30,
+    marginTop: responsiveHeight(5),
   },
 });

demo/components/presentational/Home.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { Image, Button, StyleSheet, View } from "react-native";
 import LargeText from "./LargeText";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function Home(props) {
   return (

demo/components/presentational/Land.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { Image, StyleSheet, View, Text } from "react-native";
+import { responsiveWidth } from "react-native-responsive-dimensions";
 
 export default function Land({ land }) {
   return (
@@ -15,6 +16,6 @@ export default function Land({ land }) {
 
 const styles = StyleSheet.create({
   landContainer: {
-    width: 224,
+    width: responsiveWidth(60),
   },
 });

demo/components/presentational/LandClaim.js

@@ -1,7 +1,8 @@
 import React from "react";
 import { StyleSheet, View, Button } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import Land from "./Land";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function LandClaim(props) {
   return (
@@ -27,6 +28,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 30,
+    marginTop: responsiveHeight(5),
   },
 });

demo/components/presentational/LandRow.js

@@ -1,5 +1,9 @@
 import React from "react";
 import { StyleSheet, View, TouchableHighlight } from "react-native";
+import {
+  responsiveHeight,
+  responsiveWidth,
+} from "react-native-responsive-dimensions";
 import Land from "./Land";
 
 export default function LandRow(props) {
@@ -14,8 +18,11 @@ export default function LandRow(props) {
 
 const styles = StyleSheet.create({
   row: {
-    padding: 15,
-    marginBottom: 5,
+    paddingTop: responsiveHeight(3),
+    paddingBottom: responsiveHeight(3),
+    paddingLeft: responsiveWidth(3),
+    paddingRight: responsiveWidth(3),
+    marginBottom: responsiveHeight(1),
     alignItems: "center",
     justifyContent: "center",
   },

demo/components/presentational/LargeText.js

@@ -1,6 +1,9 @@
 import React from "react";
 import { StyleSheet, Text } from "react-native";
-import { responsiveHeight } from "react-native-responsive-dimensions";
+import {
+  responsiveHeight,
+  responsiveFontSize,
+} from "react-native-responsive-dimensions";
 import Colors from "@constants/Colors";
 
 export default function LargeText(props) {
@@ -10,7 +13,7 @@ export default function LargeText(props) {
 const styles = StyleSheet.create({
   text: {
     padding: responsiveHeight(2),
-    fontSize: 30,
+    fontSize: responsiveFontSize(4),
     textAlign: "center",
     fontWeight: "bold",
     color: Colors.textColor,

demo/components/presentational/ListLands.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { ListView, StyleSheet } from "react-native";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function ListLands(props) {
   return (

demo/components/presentational/OnboardingHome.js

@@ -1,7 +1,8 @@
 import React from "react";
 import { Image, Button, StyleSheet, View } from "react-native";
+import { responsiveHeight } from "react-native-responsive-dimensions";
 import LargeText from "./LargeText";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function OnboardingHome(props) {
   return (
@@ -24,6 +25,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 30,
+    marginTop: responsiveHeight(5),
   },
 });

demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap

@@ -18,7 +18,7 @@ exports[`EthereumQuestion renders the component 1`] = `
     style={
       Object {
         "flexDirection": "row",
-        "marginTop": 20,
+        "marginTop": 53.36,
       }
     }
   >
@@ -31,7 +31,7 @@ exports[`EthereumQuestion renders the component 1`] = `
     style={
       Object {
         "flexDirection": "row",
-        "marginTop": 20,
+        "marginTop": 53.36,
       }
     }
   >

demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap

@@ -18,7 +18,7 @@ exports[`EthereumSignIn renders the component 1`] = `
     style={
       Object {
         "flexDirection": "row",
-        "marginTop": 30,
+        "marginTop": 66.7,
       }
     }
   >

demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap

@@ -4,7 +4,7 @@ exports[`EthereumSignUp renders the component 1`] = `
 <KeyboardAvoidingView
   behavior="padding"
   enabled={true}
-  keyboardVerticalOffset={84}
+  keyboardVerticalOffset={104.02}
   style={
     Object {
       "alignItems": "center",

demo/components/presentational/__snapshots__/EthereumSignUpForm.test.js.snap

@@ -25,9 +25,9 @@ exports[`EthereumSignUpForm renders the component 1`] = `
         placeholder="username"
         style={
           Object {
-            "fontSize": 20,
+            "fontSize": 45.89389937671454,
             "justifyContent": "flex-start",
-            "width": 90,
+            "width": 210.00000000000003,
           }
         }
         underlineColorAndroid="transparent"
@@ -44,7 +44,7 @@ exports[`EthereumSignUpForm renders the component 1`] = `
       <Component
         style={
           Object {
-            "fontSize": 20,
+            "fontSize": 45.89389937671454,
             "justifyContent": "flex-end",
           }
         }
@@ -57,7 +57,7 @@ exports[`EthereumSignUpForm renders the component 1`] = `
     style={
       Object {
         "flexDirection": "row",
-        "marginTop": 30,
+        "marginTop": 66.7,
       }
     }
   >

demo/components/presentational/__snapshots__/Land.test.js.snap

@@ -4,7 +4,7 @@ exports[`Land renders the component 1`] = `
 <Component
   style={
     Object {
-      "width": 224,
+      "width": 450,
     }
   }
 >

demo/components/presentational/__snapshots__/LandClaim.test.js.snap

@@ -16,7 +16,7 @@ exports[`LandClaim renders the component 1`] = `
     style={
       Object {
         "flexDirection": "row",
-        "marginTop": 30,
+        "marginTop": 66.7,
       }
     }
   >

demo/components/presentational/__snapshots__/LandRow.test.js.snap

@@ -11,8 +11,11 @@ exports[`LandRow renders the component 1`] = `
       Object {
         "alignItems": "center",
         "justifyContent": "center",
-        "marginBottom": 5,
-        "padding": 15,
+        "marginBottom": 13.34,
+        "paddingBottom": 40.019999999999996,
+        "paddingLeft": 22.5,
+        "paddingRight": 22.5,
+        "paddingTop": 40.019999999999996,
       }
     }
   >

demo/components/presentational/__snapshots__/LargeText.test.js.snap

@@ -5,7 +5,7 @@ exports[`LargeText renders the component 1`] = `
   style={
     Object {
       "color": "gray",
-      "fontSize": 30,
+      "fontSize": 61.191865835619396,
       "fontWeight": "bold",
       "padding": 26.68,
       "textAlign": "center",

demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap

@@ -21,7 +21,7 @@ exports[`OnboardingHome renders the component 1`] = `
     style={
       Object {
         "flexDirection": "row",
-        "marginTop": 30,
+        "marginTop": 66.7,
       }
     }
   >

demo/screens/EthereumQuestionScreen.js

@@ -1,5 +1,5 @@
 import React from "react";
-import EthereumQuestion from "../components/presentational/EthereumQuestion";
+import EthereumQuestion from "@presentational/EthereumQuestion";
 
 export default class EthereumQuestionScreen extends React.Component {
   render() {

demo/screens/EthereumSignInScreen.js

@@ -1,5 +1,5 @@
 import React from "react";
-import EthereumSignIn from "../components/presentational/EthereumSignIn";
+import EthereumSignIn from "@presentational/EthereumSignIn";
 
 export default class EthereumSignInScreen extends React.Component {
   render() {