From 2c3000df9c42f679f706c2682d16320da9858fca Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Tue, 18 Dec 2018 17:44:10 +0000
Subject: [PATCH 01/21] refs #22

---
 demo/screens/EthereumQuestion.test.js         | 15 +++++++
 demo/screens/EthereumSignIn.test.js           | 15 +++++++
 demo/screens/EthereumSignUp.test.js           | 15 +++++++
 demo/screens/Home.test.js                     | 15 +++++++
 demo/screens/LandClaim.test.js                | 16 +++++++
 demo/screens/ListLands.test.js                | 15 +++++++
 demo/screens/OnboardingHome.test.js           | 15 +++++++
 .../EthereumQuestion.test.js.snap             | 44 +++++++++++++++++++
 .../__snapshots__/EthereumSignIn.test.js.snap | 31 +++++++++++++
 .../__snapshots__/EthereumSignUp.test.js.snap | 22 ++++++++++
 demo/screens/__snapshots__/Home.test.js.snap  | 25 +++++++++++
 .../__snapshots__/LandClaim.test.js.snap      | 29 ++++++++++++
 .../__snapshots__/ListLands.test.js.snap      | 14 ++++++
 .../__snapshots__/OnboardingHome.test.js.snap | 34 ++++++++++++++
 14 files changed, 305 insertions(+)
 create mode 100644 demo/screens/EthereumQuestion.test.js
 create mode 100644 demo/screens/EthereumSignIn.test.js
 create mode 100644 demo/screens/EthereumSignUp.test.js
 create mode 100644 demo/screens/Home.test.js
 create mode 100644 demo/screens/LandClaim.test.js
 create mode 100644 demo/screens/ListLands.test.js
 create mode 100644 demo/screens/OnboardingHome.test.js
 create mode 100644 demo/screens/__snapshots__/EthereumQuestion.test.js.snap
 create mode 100644 demo/screens/__snapshots__/EthereumSignIn.test.js.snap
 create mode 100644 demo/screens/__snapshots__/EthereumSignUp.test.js.snap
 create mode 100644 demo/screens/__snapshots__/Home.test.js.snap
 create mode 100644 demo/screens/__snapshots__/LandClaim.test.js.snap
 create mode 100644 demo/screens/__snapshots__/ListLands.test.js.snap
 create mode 100644 demo/screens/__snapshots__/OnboardingHome.test.js.snap

diff --git a/demo/screens/EthereumQuestion.test.js b/demo/screens/EthereumQuestion.test.js
new file mode 100644
index 00000000..60048c15
--- /dev/null
+++ b/demo/screens/EthereumQuestion.test.js
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationTestUtils from "react-navigation/NavigationTestUtils";
+import { shallow } from "enzyme";
+import EthereumQuestion from "./EthereumQuestion";
+
+describe("EthereumQuestion", () => {
+  jest.useFakeTimers();
+  beforeEach(() => {
+    NavigationTestUtils.resetInternalState();
+  });
+
+  it("renders the component", async () => {
+    expect(shallow(<EthereumQuestion />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/screens/EthereumSignIn.test.js b/demo/screens/EthereumSignIn.test.js
new file mode 100644
index 00000000..1ebb3f73
--- /dev/null
+++ b/demo/screens/EthereumSignIn.test.js
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationTestUtils from "react-navigation/NavigationTestUtils";
+import { shallow } from "enzyme";
+import EthereumSignIn from "./EthereumSignIn";
+
+describe("EthereumSignIn", () => {
+  jest.useFakeTimers();
+  beforeEach(() => {
+    NavigationTestUtils.resetInternalState();
+  });
+
+  it("renders the component", async () => {
+    expect(shallow(<EthereumSignIn />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/screens/EthereumSignUp.test.js b/demo/screens/EthereumSignUp.test.js
new file mode 100644
index 00000000..16a4ac71
--- /dev/null
+++ b/demo/screens/EthereumSignUp.test.js
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationTestUtils from "react-navigation/NavigationTestUtils";
+import { shallow } from "enzyme";
+import EthereumSignUp from "./EthereumSignUp";
+
+describe("EthereumSignUp", () => {
+  jest.useFakeTimers();
+  beforeEach(() => {
+    NavigationTestUtils.resetInternalState();
+  });
+
+  it("renders the component", async () => {
+    expect(shallow(<EthereumSignUp />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/screens/Home.test.js b/demo/screens/Home.test.js
new file mode 100644
index 00000000..70082bf0
--- /dev/null
+++ b/demo/screens/Home.test.js
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationTestUtils from "react-navigation/NavigationTestUtils";
+import { shallow } from "enzyme";
+import Home from "./Home";
+
+describe("Home", () => {
+  jest.useFakeTimers();
+  beforeEach(() => {
+    NavigationTestUtils.resetInternalState();
+  });
+
+  it("renders the component", async () => {
+    expect(shallow(<Home />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/screens/LandClaim.test.js b/demo/screens/LandClaim.test.js
new file mode 100644
index 00000000..3d22d62b
--- /dev/null
+++ b/demo/screens/LandClaim.test.js
@@ -0,0 +1,16 @@
+import React from "react";
+import NavigationTestUtils from "react-navigation/NavigationTestUtils";
+import { shallow } from "enzyme";
+import LandClaim from "./LandClaim";
+
+describe("LandClaim", () => {
+  jest.useFakeTimers();
+  beforeEach(() => {
+    NavigationTestUtils.resetInternalState();
+  });
+
+  it("renders the component", async () => {
+    const navigation = { getParam: jest.fn() };
+    expect(shallow(<LandClaim navigation={navigation} />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/screens/ListLands.test.js b/demo/screens/ListLands.test.js
new file mode 100644
index 00000000..dada6211
--- /dev/null
+++ b/demo/screens/ListLands.test.js
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationTestUtils from "react-navigation/NavigationTestUtils";
+import { shallow } from "enzyme";
+import ListLands from "./ListLands";
+
+describe("EthereumQuestion", () => {
+  jest.useFakeTimers();
+  beforeEach(() => {
+    NavigationTestUtils.resetInternalState();
+  });
+
+  it("renders the component", async () => {
+    expect(shallow(<ListLands />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/screens/OnboardingHome.test.js b/demo/screens/OnboardingHome.test.js
new file mode 100644
index 00000000..8dd5bf67
--- /dev/null
+++ b/demo/screens/OnboardingHome.test.js
@@ -0,0 +1,15 @@
+import React from "react";
+import NavigationTestUtils from "react-navigation/NavigationTestUtils";
+import { shallow } from "enzyme";
+import OnboardingHome from "./OnboardingHome";
+
+describe("OnboardingHome", () => {
+  jest.useFakeTimers();
+  beforeEach(() => {
+    NavigationTestUtils.resetInternalState();
+  });
+
+  it("renders the component", async () => {
+    expect(shallow(<OnboardingHome />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/screens/__snapshots__/EthereumQuestion.test.js.snap b/demo/screens/__snapshots__/EthereumQuestion.test.js.snap
new file mode 100644
index 00000000..614cbd75
--- /dev/null
+++ b/demo/screens/__snapshots__/EthereumQuestion.test.js.snap
@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumQuestion renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <LargeText>
+    Are you new to Ethereum?
+  </LargeText>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 20,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Yep"
+    />
+  </Component>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 20,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Nope"
+    />
+  </Component>
+</Component>
+`;
diff --git a/demo/screens/__snapshots__/EthereumSignIn.test.js.snap b/demo/screens/__snapshots__/EthereumSignIn.test.js.snap
new file mode 100644
index 00000000..c7ee1f43
--- /dev/null
+++ b/demo/screens/__snapshots__/EthereumSignIn.test.js.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumSignIn renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <LargeText>
+    Cool. Let's start by hooking this app with your wallet.
+  </LargeText>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 30,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Connect with WalletConnect"
+    />
+  </Component>
+</Component>
+`;
diff --git a/demo/screens/__snapshots__/EthereumSignUp.test.js.snap b/demo/screens/__snapshots__/EthereumSignUp.test.js.snap
new file mode 100644
index 00000000..d8f82168
--- /dev/null
+++ b/demo/screens/__snapshots__/EthereumSignUp.test.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumSignUp renders the component 1`] = `
+<KeyboardAvoidingView
+  behavior="padding"
+  enabled={true}
+  keyboardVerticalOffset={84}
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <LargeText>
+    Cool. Let's start by picking your Tasit username.
+  </LargeText>
+  <EthereumSignUpForm />
+</KeyboardAvoidingView>
+`;
diff --git a/demo/screens/__snapshots__/Home.test.js.snap b/demo/screens/__snapshots__/Home.test.js.snap
new file mode 100644
index 00000000..c12ed8f1
--- /dev/null
+++ b/demo/screens/__snapshots__/Home.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Home renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <Component
+    source={1}
+  />
+  <LargeText>
+    Tasit
+  </LargeText>
+  <Button
+    onPress={[Function]}
+    title="Decentraland"
+  />
+</Component>
+`;
diff --git a/demo/screens/__snapshots__/LandClaim.test.js.snap b/demo/screens/__snapshots__/LandClaim.test.js.snap
new file mode 100644
index 00000000..1125d675
--- /dev/null
+++ b/demo/screens/__snapshots__/LandClaim.test.js.snap
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LandClaim renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <Land />
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 30,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Claim"
+    />
+  </Component>
+</Component>
+`;
diff --git a/demo/screens/__snapshots__/ListLands.test.js.snap b/demo/screens/__snapshots__/ListLands.test.js.snap
new file mode 100644
index 00000000..15bbb417
--- /dev/null
+++ b/demo/screens/__snapshots__/ListLands.test.js.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumQuestion renders the component 1`] = `
+<ListViewMock
+  renderRow={[Function]}
+  renderScrollComponent={[MockFunction]}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "flex": 1,
+    }
+  }
+/>
+`;
diff --git a/demo/screens/__snapshots__/OnboardingHome.test.js.snap b/demo/screens/__snapshots__/OnboardingHome.test.js.snap
new file mode 100644
index 00000000..87a48f65
--- /dev/null
+++ b/demo/screens/__snapshots__/OnboardingHome.test.js.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`OnboardingHome renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <Component
+    source={1}
+  />
+  <LargeText>
+    Let's get you set up with a secure way to store this land!
+  </LargeText>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 30,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Get started"
+    />
+  </Component>
+</Component>
+`;

From ceed97743438e3abc572eb52b742cf8ff38b7a3f Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Tue, 18 Dec 2018 20:48:07 +0000
Subject: [PATCH 02/21] Screen/Presentational components refactoring

---
 demo/AppNavigator.js                          | 28 +++++------
 .../presentational/EthereumQuestion.js        | 31 ++++++++++++
 .../presentational/EthereumSignIn.js          | 28 +++++++++++
 .../presentational}/EthereumSignUp.js         |  4 +-
 demo/components/presentational/Home.js        | 23 +++++++++
 demo/components/presentational/LandClaim.js   | 32 ++++++++++++
 demo/components/presentational/LandRow.js     | 22 +++++++++
 demo/components/presentational/ListLands.js   | 20 ++++++++
 .../presentational/OnboardingHome.js          | 29 +++++++++++
 demo/screens/EthereumQuestion.js              | 39 ---------------
 demo/screens/EthereumQuestionScreen.js        | 13 +++++
 ...test.js => EthereumQuestionScreen.test.js} |  6 +--
 demo/screens/EthereumSignIn.js                | 30 ------------
 demo/screens/EthereumSignInScreen.js          |  8 +++
 ...n.test.js => EthereumSignInScreen.test.js} |  4 +-
 demo/screens/EthereumSignUpScreen.js          |  8 +++
 ...p.test.js => EthereumSignUpScreen.test.js} |  6 +--
 demo/screens/Home.js                          | 28 -----------
 demo/screens/HomeScreen.js                    | 10 ++++
 .../{Home.test.js => HomeScreen.test.js}      |  6 +--
 demo/screens/LandClaim.js                     | 42 ----------------
 demo/screens/LandClaimScreen.js               | 20 ++++++++
 ...dClaim.test.js => LandClaimScreen.test.js} |  8 +--
 .../{ListLands.js => ListLandsScreen.js}      | 49 ++++++-------------
 ...tLands.test.js => ListLandsScreen.test.js} |  0
 demo/screens/OnboardingHome.js                | 34 -------------
 demo/screens/OnboardingHomeScreen.js          | 12 +++++
 ...e.test.js => OnboardingHomeScreen.test.js} |  0
 28 files changed, 302 insertions(+), 238 deletions(-)
 create mode 100644 demo/components/presentational/EthereumQuestion.js
 create mode 100644 demo/components/presentational/EthereumSignIn.js
 rename demo/{screens => components/presentational}/EthereumSignUp.js (84%)
 create mode 100644 demo/components/presentational/Home.js
 create mode 100644 demo/components/presentational/LandClaim.js
 create mode 100644 demo/components/presentational/LandRow.js
 create mode 100644 demo/components/presentational/ListLands.js
 create mode 100644 demo/components/presentational/OnboardingHome.js
 delete mode 100644 demo/screens/EthereumQuestion.js
 create mode 100644 demo/screens/EthereumQuestionScreen.js
 rename demo/screens/{EthereumQuestion.test.js => EthereumQuestionScreen.test.js} (62%)
 delete mode 100644 demo/screens/EthereumSignIn.js
 create mode 100644 demo/screens/EthereumSignInScreen.js
 rename demo/screens/{EthereumSignIn.test.js => EthereumSignInScreen.test.js} (72%)
 create mode 100644 demo/screens/EthereumSignUpScreen.js
 rename demo/screens/{EthereumSignUp.test.js => EthereumSignUpScreen.test.js} (63%)
 delete mode 100644 demo/screens/Home.js
 create mode 100644 demo/screens/HomeScreen.js
 rename demo/screens/{Home.test.js => HomeScreen.test.js} (69%)
 delete mode 100644 demo/screens/LandClaim.js
 create mode 100644 demo/screens/LandClaimScreen.js
 rename demo/screens/{LandClaim.test.js => LandClaimScreen.test.js} (64%)
 rename demo/screens/{ListLands.js => ListLandsScreen.js} (50%)
 rename demo/screens/{ListLands.test.js => ListLandsScreen.test.js} (100%)
 delete mode 100644 demo/screens/OnboardingHome.js
 create mode 100644 demo/screens/OnboardingHomeScreen.js
 rename demo/screens/{OnboardingHome.test.js => OnboardingHomeScreen.test.js} (100%)

diff --git a/demo/AppNavigator.js b/demo/AppNavigator.js
index e9d93397..dc766178 100644
--- a/demo/AppNavigator.js
+++ b/demo/AppNavigator.js
@@ -1,22 +1,22 @@
 import { createStackNavigator, createAppContainer } from "react-navigation";
-import Home from "./screens/Home";
-import ListLands from "./screens/ListLands";
-import LandClaim from "./screens/LandClaim";
-import OnboardingHome from "./screens/OnboardingHome";
-import EthereumQuestion from "./screens/EthereumQuestion";
-import EthereumSignUp from "./screens/EthereumSignUp";
-import EthereumSignIn from "./screens/EthereumSignIn";
+import HomeScreen from "./screens/HomeScreen";
+import ListLandsScreen from "./screens/ListLandsScreen";
+import LandClaimScreen from "./screens/LandClaimScreen";
+import OnboardingHomeScreen from "./screens/OnboardingHomeScreen";
+import EthereumQuestionScreen from "./screens/EthereumQuestionScreen";
+import EthereumSignUpScreen from "./screens/EthereumSignUpScreen";
+import EthereumSignInScreen from "./screens/EthereumSignInScreen";
 import Colors from "./constants/Colors.js";
 
 const AppNavigator = createStackNavigator(
   {
-    Home,
-    ListLands,
-    LandClaim,
-    OnboardingHome,
-    EthereumQuestion,
-    EthereumSignUp,
-    EthereumSignIn,
+    HomeScreen,
+    ListLandsScreen,
+    LandClaimScreen,
+    OnboardingHomeScreen,
+    EthereumQuestionScreen,
+    EthereumSignUpScreen,
+    EthereumSignInScreen,
   },
   {
     initialRouteName: "Home",
diff --git a/demo/components/presentational/EthereumQuestion.js b/demo/components/presentational/EthereumQuestion.js
new file mode 100644
index 00000000..3f93c715
--- /dev/null
+++ b/demo/components/presentational/EthereumQuestion.js
@@ -0,0 +1,31 @@
+import React from "react";
+import { Button, StyleSheet, View } from "react-native";
+import LargeText from "./LargeText";
+import Colors from "../../constants/Colors";
+
+export default function EthereumQuestion(props) {
+  return (
+    <View style={styles.container}>
+      <LargeText>{`Are you new to Ethereum?`}</LargeText>
+      <View style={styles.buttonView}>
+        <Button title="Yep" onPress={props.onSignUp} />
+      </View>
+      <View style={styles.buttonView}>
+        <Button title="Nope" onPress={props.onSignIn} />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 20,
+  },
+});
diff --git a/demo/components/presentational/EthereumSignIn.js b/demo/components/presentational/EthereumSignIn.js
new file mode 100644
index 00000000..cbe0f806
--- /dev/null
+++ b/demo/components/presentational/EthereumSignIn.js
@@ -0,0 +1,28 @@
+import React from "react";
+import { Button, StyleSheet, View } from "react-native";
+import LargeText from "./LargeText";
+import Colors from "../../constants/Colors";
+
+export default function EthereumSignIn(props) {
+  return (
+    <View style={styles.container}>
+      <LargeText>{`Cool. Let's start by hooking this app with your wallet.`}</LargeText>
+      <View style={styles.buttonView}>
+        <Button title="Connect with WalletConnect" onPress={props.onConnect} />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 30,
+  },
+});
diff --git a/demo/screens/EthereumSignUp.js b/demo/components/presentational/EthereumSignUp.js
similarity index 84%
rename from demo/screens/EthereumSignUp.js
rename to demo/components/presentational/EthereumSignUp.js
index cb9f93f9..3d7aea7d 100644
--- a/demo/screens/EthereumSignUp.js
+++ b/demo/components/presentational/EthereumSignUp.js
@@ -2,8 +2,8 @@ import React from "react";
 import { StyleSheet, KeyboardAvoidingView } from "react-native";
 import { Header } from "react-navigation";
 import Colors from "../constants/Colors";
-import LargeText from "../components/presentational/LargeText";
-import EthereumSignUpForm from "../components/presentational/EthereumSignUpForm";
+import LargeText from "./LargeText";
+import EthereumSignUpForm from "./EthereumSignUpForm";
 
 export default class EthereumSignUp extends React.Component {
   render() {
diff --git a/demo/components/presentational/Home.js b/demo/components/presentational/Home.js
new file mode 100644
index 00000000..7d26a7fe
--- /dev/null
+++ b/demo/components/presentational/Home.js
@@ -0,0 +1,23 @@
+import React from "react";
+import { Image, Button, StyleSheet, View } from "react-native";
+import LargeText from "./LargeText";
+import Colors from "../../constants/Colors";
+
+export default function Home(props) {
+  return (
+    <View style={styles.container}>
+      <Image source={require("../assets/images/icon.png")} />
+      <LargeText>{`Tasit`}</LargeText>
+      <Button title="Decentraland" onPress={props.onPress} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
diff --git a/demo/components/presentational/LandClaim.js b/demo/components/presentational/LandClaim.js
new file mode 100644
index 00000000..541f59a0
--- /dev/null
+++ b/demo/components/presentational/LandClaim.js
@@ -0,0 +1,32 @@
+import React from "react";
+import { StyleSheet, View, Button } from "react-native";
+import Land from "./Land";
+import Colors from "../../constants/Colors";
+
+export default function LandClaim(props) {
+  return (
+    <View style={styles.container}>
+      <Land land={props.land} />
+      <View style={styles.buttonView}>
+        <Button
+          style={styles.claimButton}
+          title="Claim"
+          onPress={props.onClaim}
+        />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 30,
+  },
+});
diff --git a/demo/components/presentational/LandRow.js b/demo/components/presentational/LandRow.js
new file mode 100644
index 00000000..782e1bca
--- /dev/null
+++ b/demo/components/presentational/LandRow.js
@@ -0,0 +1,22 @@
+import React from "react";
+import { StyleSheet, View, TouchableHighlight } from "react-native";
+import Land from "./Land";
+
+export default function LandRow(props) {
+  return (
+    <TouchableHighlight onPress={props.onPress}>
+      <View style={styles.row}>
+        <Land land={props.land} />
+      </View>
+    </TouchableHighlight>
+  );
+}
+
+const styles = StyleSheet.create({
+  row: {
+    padding: 15,
+    marginBottom: 5,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
diff --git a/demo/components/presentational/ListLands.js b/demo/components/presentational/ListLands.js
new file mode 100644
index 00000000..ae586a98
--- /dev/null
+++ b/demo/components/presentational/ListLands.js
@@ -0,0 +1,20 @@
+import React from "react";
+import { ListView, StyleSheet } from "react-native";
+import Colors from "../constants/Colors";
+
+export default function ListLands(props) {
+  return (
+    <ListView
+      style={styles.container}
+      dataSource={props.dataSource}
+      renderRow={props.renderRow}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+  },
+});
diff --git a/demo/components/presentational/OnboardingHome.js b/demo/components/presentational/OnboardingHome.js
new file mode 100644
index 00000000..b44ab9f9
--- /dev/null
+++ b/demo/components/presentational/OnboardingHome.js
@@ -0,0 +1,29 @@
+import React from "react";
+import { Image, Button, StyleSheet, View } from "react-native";
+import LargeText from "./LargeText";
+import Colors from "../../constants/Colors";
+
+export default function OnboardingHome(props) {
+  return (
+    <View style={styles.container}>
+      <Image source={require("../assets/images/icon.png")} />
+      <LargeText>{`Let's get you set up with a secure way to store this land!`}</LargeText>
+      <View style={styles.buttonView}>
+        <Button title="Get started" onPress={props.onPress} />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 30,
+  },
+});
diff --git a/demo/screens/EthereumQuestion.js b/demo/screens/EthereumQuestion.js
deleted file mode 100644
index bd2780e3..00000000
--- a/demo/screens/EthereumQuestion.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import { Button, StyleSheet, View } from "react-native";
-import LargeText from "../components/presentational/LargeText";
-import Colors from "../constants/Colors";
-
-export default class EthereumQuestion extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <LargeText>{`Are you new to Ethereum?`}</LargeText>
-        <View style={styles.buttonView}>
-          <Button
-            title="Yep"
-            onPress={() => this.props.navigation.navigate("EthereumSignUp")}
-          />
-        </View>
-        <View style={styles.buttonView}>
-          <Button
-            title="Nope"
-            onPress={() => this.props.navigation.navigate("EthereumSignIn")}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 20,
-  },
-});
diff --git a/demo/screens/EthereumQuestionScreen.js b/demo/screens/EthereumQuestionScreen.js
new file mode 100644
index 00000000..37fd53d3
--- /dev/null
+++ b/demo/screens/EthereumQuestionScreen.js
@@ -0,0 +1,13 @@
+import React from "react";
+import EthereumQuestion from "../components/presentational/EthereumQuestion";
+
+export default class EthereumQuestionScreen extends React.Component {
+  render() {
+    return (
+      <EthereumQuestion
+        onSignUp={() => this.props.navigation.navigate("EthereumSignUpScreen")}
+        onSignIn={() => this.props.navigation.navigate("EthereumSignInScreen")}
+      />
+    );
+  }
+}
diff --git a/demo/screens/EthereumQuestion.test.js b/demo/screens/EthereumQuestionScreen.test.js
similarity index 62%
rename from demo/screens/EthereumQuestion.test.js
rename to demo/screens/EthereumQuestionScreen.test.js
index 60048c15..4503c6a1 100644
--- a/demo/screens/EthereumQuestion.test.js
+++ b/demo/screens/EthereumQuestionScreen.test.js
@@ -1,15 +1,15 @@
 import React from "react";
 import NavigationTestUtils from "react-navigation/NavigationTestUtils";
 import { shallow } from "enzyme";
-import EthereumQuestion from "./EthereumQuestion";
+import EthereumQuestionScreen from "./EthereumQuestionScreen";
 
-describe("EthereumQuestion", () => {
+describe("EthereumQuestionScreen", () => {
   jest.useFakeTimers();
   beforeEach(() => {
     NavigationTestUtils.resetInternalState();
   });
 
   it("renders the component", async () => {
-    expect(shallow(<EthereumQuestion />)).toMatchSnapshot();
+    expect(shallow(<EthereumQuestionScreen />)).toMatchSnapshot();
   });
 });
diff --git a/demo/screens/EthereumSignIn.js b/demo/screens/EthereumSignIn.js
deleted file mode 100644
index ce195d90..00000000
--- a/demo/screens/EthereumSignIn.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from "react";
-import { Button, StyleSheet, View } from "react-native";
-import LargeText from "../components/presentational/LargeText";
-import Colors from "../constants/Colors";
-
-export default class EthereumSignIn extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <LargeText>{`Cool. Let's start by hooking this app with your wallet.`}</LargeText>
-        <View style={styles.buttonView}>
-          <Button title="Connect with WalletConnect" onPress={() => {}} />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 30,
-  },
-});
diff --git a/demo/screens/EthereumSignInScreen.js b/demo/screens/EthereumSignInScreen.js
new file mode 100644
index 00000000..dbdfe856
--- /dev/null
+++ b/demo/screens/EthereumSignInScreen.js
@@ -0,0 +1,8 @@
+import React from "react";
+import EthereumSignIn from "../components/presentational/EthereumSignIn";
+
+export default class EthereumSignInScreen extends React.Component {
+  render() {
+    return <EthereumSignIn onConnect={() => {}} />;
+  }
+}
diff --git a/demo/screens/EthereumSignIn.test.js b/demo/screens/EthereumSignInScreen.test.js
similarity index 72%
rename from demo/screens/EthereumSignIn.test.js
rename to demo/screens/EthereumSignInScreen.test.js
index 1ebb3f73..c1c31345 100644
--- a/demo/screens/EthereumSignIn.test.js
+++ b/demo/screens/EthereumSignInScreen.test.js
@@ -1,7 +1,7 @@
 import React from "react";
 import NavigationTestUtils from "react-navigation/NavigationTestUtils";
 import { shallow } from "enzyme";
-import EthereumSignIn from "./EthereumSignIn";
+import EthereumSignInScreen from "./EthereumSignInScreen";
 
 describe("EthereumSignIn", () => {
   jest.useFakeTimers();
@@ -10,6 +10,6 @@ describe("EthereumSignIn", () => {
   });
 
   it("renders the component", async () => {
-    expect(shallow(<EthereumSignIn />)).toMatchSnapshot();
+    expect(shallow(<EthereumSignInScreen />)).toMatchSnapshot();
   });
 });
diff --git a/demo/screens/EthereumSignUpScreen.js b/demo/screens/EthereumSignUpScreen.js
new file mode 100644
index 00000000..53be921d
--- /dev/null
+++ b/demo/screens/EthereumSignUpScreen.js
@@ -0,0 +1,8 @@
+import React from "react";
+import EthereumSignUp from "../components/presentational/EthereumSignUp";
+
+export default class EthereumSignUpScreen extends React.Component {
+  render() {
+    return <EthereumSignUp />;
+  }
+}
diff --git a/demo/screens/EthereumSignUp.test.js b/demo/screens/EthereumSignUpScreen.test.js
similarity index 63%
rename from demo/screens/EthereumSignUp.test.js
rename to demo/screens/EthereumSignUpScreen.test.js
index 16a4ac71..f76064e2 100644
--- a/demo/screens/EthereumSignUp.test.js
+++ b/demo/screens/EthereumSignUpScreen.test.js
@@ -1,15 +1,15 @@
 import React from "react";
 import NavigationTestUtils from "react-navigation/NavigationTestUtils";
 import { shallow } from "enzyme";
-import EthereumSignUp from "./EthereumSignUp";
+import EthereumSignUpScreen from "./EthereumSignUpScreen";
 
-describe("EthereumSignUp", () => {
+describe("EthereumSignUpScreen", () => {
   jest.useFakeTimers();
   beforeEach(() => {
     NavigationTestUtils.resetInternalState();
   });
 
   it("renders the component", async () => {
-    expect(shallow(<EthereumSignUp />)).toMatchSnapshot();
+    expect(shallow(<EthereumSignUpScreen />)).toMatchSnapshot();
   });
 });
diff --git a/demo/screens/Home.js b/demo/screens/Home.js
deleted file mode 100644
index aa6112ba..00000000
--- a/demo/screens/Home.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import { Image, Button, StyleSheet, View } from "react-native";
-import LargeText from "../components/presentational/LargeText";
-import Colors from "../constants/Colors";
-
-export default class Home extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <Image source={require("../assets/images/icon.png")} />
-        <LargeText>{`Tasit`}</LargeText>
-        <Button
-          title="Decentraland"
-          onPress={() => this.props.navigation.navigate("ListLands")}
-        />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
diff --git a/demo/screens/HomeScreen.js b/demo/screens/HomeScreen.js
new file mode 100644
index 00000000..fec5c5fc
--- /dev/null
+++ b/demo/screens/HomeScreen.js
@@ -0,0 +1,10 @@
+import React from "react";
+import Home from "../components/presentational/Home";
+
+export default class HomeScreen extends React.Component {
+  render() {
+    return (
+      <Home onPress={() => this.props.navigation.navigate("ListLandsScreen")} />
+    );
+  }
+}
diff --git a/demo/screens/Home.test.js b/demo/screens/HomeScreen.test.js
similarity index 69%
rename from demo/screens/Home.test.js
rename to demo/screens/HomeScreen.test.js
index 70082bf0..c4966285 100644
--- a/demo/screens/Home.test.js
+++ b/demo/screens/HomeScreen.test.js
@@ -1,15 +1,15 @@
 import React from "react";
 import NavigationTestUtils from "react-navigation/NavigationTestUtils";
 import { shallow } from "enzyme";
-import Home from "./Home";
+import HomeScreen from "./HomeScreen";
 
-describe("Home", () => {
+describe("HomeScreen", () => {
   jest.useFakeTimers();
   beforeEach(() => {
     NavigationTestUtils.resetInternalState();
   });
 
   it("renders the component", async () => {
-    expect(shallow(<Home />)).toMatchSnapshot();
+    expect(shallow(<HomeScreen />)).toMatchSnapshot();
   });
 });
diff --git a/demo/screens/LandClaim.js b/demo/screens/LandClaim.js
deleted file mode 100644
index 422ab0cb..00000000
--- a/demo/screens/LandClaim.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Button } from "react-native";
-import Land from "../components/presentational/Land";
-import Colors from "../constants/Colors";
-
-export default class Lands extends React.Component {
-  render() {
-    const { navigation } = this.props;
-    const land = navigation.getParam("land", {
-      id: -1,
-      name: "Not found",
-      img: require("../assets/images/icon.png"),
-      priceMana: 0,
-      priceUsd: 0,
-    });
-    return (
-      <View style={styles.container}>
-        <Land land={land} />
-        <View style={styles.buttonView}>
-          <Button
-            style={styles.claimButton}
-            title="Claim"
-            onPress={() => this.props.navigation.navigate("OnboardingHome")}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 30,
-  },
-});
diff --git a/demo/screens/LandClaimScreen.js b/demo/screens/LandClaimScreen.js
new file mode 100644
index 00000000..2cd703ff
--- /dev/null
+++ b/demo/screens/LandClaimScreen.js
@@ -0,0 +1,20 @@
+import React from "react";
+
+export default class LandClaim extends React.Component {
+  render() {
+    const { navigation } = this.props;
+    const land = navigation.getParam("land", {
+      id: -1,
+      name: "Not found",
+      img: require("../assets/images/icon.png"),
+      priceMana: 0,
+      priceUsd: 0,
+    });
+    return (
+      <LandClaim
+        land={land}
+        onClaim={() => this.props.navigation.navigate("OnboardingHomeScreen")}
+      />
+    );
+  }
+}
diff --git a/demo/screens/LandClaim.test.js b/demo/screens/LandClaimScreen.test.js
similarity index 64%
rename from demo/screens/LandClaim.test.js
rename to demo/screens/LandClaimScreen.test.js
index 3d22d62b..cb215664 100644
--- a/demo/screens/LandClaim.test.js
+++ b/demo/screens/LandClaimScreen.test.js
@@ -1,9 +1,9 @@
 import React from "react";
 import NavigationTestUtils from "react-navigation/NavigationTestUtils";
 import { shallow } from "enzyme";
-import LandClaim from "./LandClaim";
+import LandClaimScreen from "./LandClaimScreen";
 
-describe("LandClaim", () => {
+describe("LandClaimScreen", () => {
   jest.useFakeTimers();
   beforeEach(() => {
     NavigationTestUtils.resetInternalState();
@@ -11,6 +11,8 @@ describe("LandClaim", () => {
 
   it("renders the component", async () => {
     const navigation = { getParam: jest.fn() };
-    expect(shallow(<LandClaim navigation={navigation} />)).toMatchSnapshot();
+    expect(
+      shallow(<LandClaimScreen navigation={navigation} />)
+    ).toMatchSnapshot();
   });
 });
diff --git a/demo/screens/ListLands.js b/demo/screens/ListLandsScreen.js
similarity index 50%
rename from demo/screens/ListLands.js
rename to demo/screens/ListLandsScreen.js
index 1b473884..3a045200 100644
--- a/demo/screens/ListLands.js
+++ b/demo/screens/ListLandsScreen.js
@@ -1,7 +1,7 @@
 import React from "react";
-import { ListView, StyleSheet, View, TouchableHighlight } from "react-native";
-import Land from "../components/presentational/Land";
-import Colors from "../constants/Colors";
+import { ListView } from "react-native";
+import ListLands from "../components/presentational/ListLands";
+import LandRow from "../components/presentational/LandRow";
 
 const rows = [
   {
@@ -38,49 +38,28 @@ const rowHasChanged = (r1, r2) => r1.id !== r2.id;
 
 const ds = new ListView.DataSource({ rowHasChanged });
 
-function LandRow(props) {
-  const { onPress, rowData } = props;
-  return (
-    <TouchableHighlight onPress={onPress}>
-      <View style={styles.row}>
-        <Land land={rowData} />
-      </View>
-    </TouchableHighlight>
-  );
-}
-
-export default class ListLands extends React.Component {
+export default class ListLandsScreen extends React.Component {
   state = {
     dataSource: ds.cloneWithRows(rows),
   };
 
-  renderRow = rowData => {
-    const handlePress = () =>
-      this.props.navigation.navigate("LandClaim", { land: rowData });
-
-    return <LandRow rowData={rowData} onPress={handlePress} />;
+  renderRow = land => {
+    return (
+      <LandRow
+        land={land}
+        onPress={this.props.navigation.navigate("LandClaimScreen", {
+          land,
+        })}
+      />
+    );
   };
 
   render() {
     return (
-      <ListView
-        style={styles.container}
+      <ListLands
         dataSource={this.state.dataSource}
         renderRow={this.renderRow}
       />
     );
   }
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-  },
-  row: {
-    padding: 15,
-    marginBottom: 5,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
diff --git a/demo/screens/ListLands.test.js b/demo/screens/ListLandsScreen.test.js
similarity index 100%
rename from demo/screens/ListLands.test.js
rename to demo/screens/ListLandsScreen.test.js
diff --git a/demo/screens/OnboardingHome.js b/demo/screens/OnboardingHome.js
deleted file mode 100644
index d84a7eaf..00000000
--- a/demo/screens/OnboardingHome.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from "react";
-import { Image, Button, StyleSheet, View } from "react-native";
-import LargeText from "../components/presentational/LargeText";
-import Colors from "../constants/Colors";
-
-export default class OnboardingHome extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <Image source={require("../assets/images/icon.png")} />
-        <LargeText>{`Let's get you set up with a secure way to store this land!`}</LargeText>
-        <View style={styles.buttonView}>
-          <Button
-            title="Get started"
-            onPress={() => this.props.navigation.navigate("EthereumQuestion")}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 30,
-  },
-});
diff --git a/demo/screens/OnboardingHomeScreen.js b/demo/screens/OnboardingHomeScreen.js
new file mode 100644
index 00000000..44dfe893
--- /dev/null
+++ b/demo/screens/OnboardingHomeScreen.js
@@ -0,0 +1,12 @@
+import React from "react";
+import OnboardingHome from "../components/presentational/OnboardingHome";
+
+export default class OnboardingHomeScreen extends React.Component {
+  render() {
+    return (
+      <OnboardingHome
+        onPress={() => this.props.navigation.navigate("EthereumQuestionScreen")}
+      />
+    );
+  }
+}
diff --git a/demo/screens/OnboardingHome.test.js b/demo/screens/OnboardingHomeScreen.test.js
similarity index 100%
rename from demo/screens/OnboardingHome.test.js
rename to demo/screens/OnboardingHomeScreen.test.js

From 59ed95dd38c37ecaf6491e9588c521fe9707b2c3 Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Tue, 18 Dec 2018 21:09:38 +0000
Subject: [PATCH 03/21] Screens components snapshot update

---
 .../presentational/EthereumSignUp.js          |  2 +-
 demo/components/presentational/ListLands.js   |  2 +-
 demo/screens/ListLandsScreen.test.js          |  6 +--
 demo/screens/OnboardingHomeScreen.test.js     |  4 +-
 .../EthereumQuestion.test.js.snap             | 44 -------------------
 .../EthereumQuestionScreen.test.js.snap       |  8 ++++
 .../__snapshots__/EthereumSignIn.test.js.snap | 31 -------------
 .../EthereumSignInScreen.test.js.snap         |  7 +++
 .../__snapshots__/EthereumSignUp.test.js.snap | 22 ----------
 .../EthereumSignUpScreen.test.js.snap         |  3 ++
 demo/screens/__snapshots__/Home.test.js.snap  | 25 -----------
 .../__snapshots__/HomeScreen.test.js.snap     |  7 +++
 .../__snapshots__/LandClaim.test.js.snap      | 29 ------------
 .../LandClaimScreen.test.js.snap              |  7 +++
 .../__snapshots__/ListLands.test.js.snap      | 14 ------
 .../ListLandsScreen.test.js.snap              |  7 +++
 .../__snapshots__/OnboardingHome.test.js.snap | 34 --------------
 .../OnboardingHomeScreen.test.js.snap         |  7 +++
 18 files changed, 53 insertions(+), 206 deletions(-)
 delete mode 100644 demo/screens/__snapshots__/EthereumQuestion.test.js.snap
 create mode 100644 demo/screens/__snapshots__/EthereumQuestionScreen.test.js.snap
 delete mode 100644 demo/screens/__snapshots__/EthereumSignIn.test.js.snap
 create mode 100644 demo/screens/__snapshots__/EthereumSignInScreen.test.js.snap
 delete mode 100644 demo/screens/__snapshots__/EthereumSignUp.test.js.snap
 create mode 100644 demo/screens/__snapshots__/EthereumSignUpScreen.test.js.snap
 delete mode 100644 demo/screens/__snapshots__/Home.test.js.snap
 create mode 100644 demo/screens/__snapshots__/HomeScreen.test.js.snap
 delete mode 100644 demo/screens/__snapshots__/LandClaim.test.js.snap
 create mode 100644 demo/screens/__snapshots__/LandClaimScreen.test.js.snap
 delete mode 100644 demo/screens/__snapshots__/ListLands.test.js.snap
 create mode 100644 demo/screens/__snapshots__/ListLandsScreen.test.js.snap
 delete mode 100644 demo/screens/__snapshots__/OnboardingHome.test.js.snap
 create mode 100644 demo/screens/__snapshots__/OnboardingHomeScreen.test.js.snap

diff --git a/demo/components/presentational/EthereumSignUp.js b/demo/components/presentational/EthereumSignUp.js
index 3d7aea7d..54b28a8a 100644
--- a/demo/components/presentational/EthereumSignUp.js
+++ b/demo/components/presentational/EthereumSignUp.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { StyleSheet, KeyboardAvoidingView } from "react-native";
 import { Header } from "react-navigation";
-import Colors from "../constants/Colors";
+import Colors from "../../constants/Colors";
 import LargeText from "./LargeText";
 import EthereumSignUpForm from "./EthereumSignUpForm";
 
diff --git a/demo/components/presentational/ListLands.js b/demo/components/presentational/ListLands.js
index ae586a98..b1af2272 100644
--- a/demo/components/presentational/ListLands.js
+++ b/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 (
diff --git a/demo/screens/ListLandsScreen.test.js b/demo/screens/ListLandsScreen.test.js
index dada6211..ee7c54d9 100644
--- a/demo/screens/ListLandsScreen.test.js
+++ b/demo/screens/ListLandsScreen.test.js
@@ -1,15 +1,15 @@
 import React from "react";
 import NavigationTestUtils from "react-navigation/NavigationTestUtils";
 import { shallow } from "enzyme";
-import ListLands from "./ListLands";
+import ListLandsScreen from "./ListLandsScreen";
 
-describe("EthereumQuestion", () => {
+describe("ListLandsScreen", () => {
   jest.useFakeTimers();
   beforeEach(() => {
     NavigationTestUtils.resetInternalState();
   });
 
   it("renders the component", async () => {
-    expect(shallow(<ListLands />)).toMatchSnapshot();
+    expect(shallow(<ListLandsScreen />)).toMatchSnapshot();
   });
 });
diff --git a/demo/screens/OnboardingHomeScreen.test.js b/demo/screens/OnboardingHomeScreen.test.js
index 8dd5bf67..f149175b 100644
--- a/demo/screens/OnboardingHomeScreen.test.js
+++ b/demo/screens/OnboardingHomeScreen.test.js
@@ -1,7 +1,7 @@
 import React from "react";
 import NavigationTestUtils from "react-navigation/NavigationTestUtils";
 import { shallow } from "enzyme";
-import OnboardingHome from "./OnboardingHome";
+import OnboardingHomeScreen from "./OnboardingHomeScreen";
 
 describe("OnboardingHome", () => {
   jest.useFakeTimers();
@@ -10,6 +10,6 @@ describe("OnboardingHome", () => {
   });
 
   it("renders the component", async () => {
-    expect(shallow(<OnboardingHome />)).toMatchSnapshot();
+    expect(shallow(<OnboardingHomeScreen />)).toMatchSnapshot();
   });
 });
diff --git a/demo/screens/__snapshots__/EthereumQuestion.test.js.snap b/demo/screens/__snapshots__/EthereumQuestion.test.js.snap
deleted file mode 100644
index 614cbd75..00000000
--- a/demo/screens/__snapshots__/EthereumQuestion.test.js.snap
+++ /dev/null
@@ -1,44 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EthereumQuestion renders the component 1`] = `
-<Component
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#fff",
-      "flex": 1,
-      "justifyContent": "center",
-    }
-  }
->
-  <LargeText>
-    Are you new to Ethereum?
-  </LargeText>
-  <Component
-    style={
-      Object {
-        "flexDirection": "row",
-        "marginTop": 20,
-      }
-    }
-  >
-    <Button
-      onPress={[Function]}
-      title="Yep"
-    />
-  </Component>
-  <Component
-    style={
-      Object {
-        "flexDirection": "row",
-        "marginTop": 20,
-      }
-    }
-  >
-    <Button
-      onPress={[Function]}
-      title="Nope"
-    />
-  </Component>
-</Component>
-`;
diff --git a/demo/screens/__snapshots__/EthereumQuestionScreen.test.js.snap b/demo/screens/__snapshots__/EthereumQuestionScreen.test.js.snap
new file mode 100644
index 00000000..4525bea2
--- /dev/null
+++ b/demo/screens/__snapshots__/EthereumQuestionScreen.test.js.snap
@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumQuestionScreen renders the component 1`] = `
+<EthereumQuestion
+  onSignIn={[Function]}
+  onSignUp={[Function]}
+/>
+`;
diff --git a/demo/screens/__snapshots__/EthereumSignIn.test.js.snap b/demo/screens/__snapshots__/EthereumSignIn.test.js.snap
deleted file mode 100644
index c7ee1f43..00000000
--- a/demo/screens/__snapshots__/EthereumSignIn.test.js.snap
+++ /dev/null
@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EthereumSignIn renders the component 1`] = `
-<Component
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#fff",
-      "flex": 1,
-      "justifyContent": "center",
-    }
-  }
->
-  <LargeText>
-    Cool. Let's start by hooking this app with your wallet.
-  </LargeText>
-  <Component
-    style={
-      Object {
-        "flexDirection": "row",
-        "marginTop": 30,
-      }
-    }
-  >
-    <Button
-      onPress={[Function]}
-      title="Connect with WalletConnect"
-    />
-  </Component>
-</Component>
-`;
diff --git a/demo/screens/__snapshots__/EthereumSignInScreen.test.js.snap b/demo/screens/__snapshots__/EthereumSignInScreen.test.js.snap
new file mode 100644
index 00000000..d0a63e2e
--- /dev/null
+++ b/demo/screens/__snapshots__/EthereumSignInScreen.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumSignIn renders the component 1`] = `
+<EthereumSignIn
+  onConnect={[Function]}
+/>
+`;
diff --git a/demo/screens/__snapshots__/EthereumSignUp.test.js.snap b/demo/screens/__snapshots__/EthereumSignUp.test.js.snap
deleted file mode 100644
index d8f82168..00000000
--- a/demo/screens/__snapshots__/EthereumSignUp.test.js.snap
+++ /dev/null
@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EthereumSignUp renders the component 1`] = `
-<KeyboardAvoidingView
-  behavior="padding"
-  enabled={true}
-  keyboardVerticalOffset={84}
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#fff",
-      "flex": 1,
-      "justifyContent": "center",
-    }
-  }
->
-  <LargeText>
-    Cool. Let's start by picking your Tasit username.
-  </LargeText>
-  <EthereumSignUpForm />
-</KeyboardAvoidingView>
-`;
diff --git a/demo/screens/__snapshots__/EthereumSignUpScreen.test.js.snap b/demo/screens/__snapshots__/EthereumSignUpScreen.test.js.snap
new file mode 100644
index 00000000..2aa0a090
--- /dev/null
+++ b/demo/screens/__snapshots__/EthereumSignUpScreen.test.js.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumSignUpScreen renders the component 1`] = `<EthereumSignUp />`;
diff --git a/demo/screens/__snapshots__/Home.test.js.snap b/demo/screens/__snapshots__/Home.test.js.snap
deleted file mode 100644
index c12ed8f1..00000000
--- a/demo/screens/__snapshots__/Home.test.js.snap
+++ /dev/null
@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Home renders the component 1`] = `
-<Component
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#fff",
-      "flex": 1,
-      "justifyContent": "center",
-    }
-  }
->
-  <Component
-    source={1}
-  />
-  <LargeText>
-    Tasit
-  </LargeText>
-  <Button
-    onPress={[Function]}
-    title="Decentraland"
-  />
-</Component>
-`;
diff --git a/demo/screens/__snapshots__/HomeScreen.test.js.snap b/demo/screens/__snapshots__/HomeScreen.test.js.snap
new file mode 100644
index 00000000..c6698593
--- /dev/null
+++ b/demo/screens/__snapshots__/HomeScreen.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`HomeScreen renders the component 1`] = `
+<Home
+  onPress={[Function]}
+/>
+`;
diff --git a/demo/screens/__snapshots__/LandClaim.test.js.snap b/demo/screens/__snapshots__/LandClaim.test.js.snap
deleted file mode 100644
index 1125d675..00000000
--- a/demo/screens/__snapshots__/LandClaim.test.js.snap
+++ /dev/null
@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`LandClaim renders the component 1`] = `
-<Component
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#fff",
-      "flex": 1,
-      "justifyContent": "center",
-    }
-  }
->
-  <Land />
-  <Component
-    style={
-      Object {
-        "flexDirection": "row",
-        "marginTop": 30,
-      }
-    }
-  >
-    <Button
-      onPress={[Function]}
-      title="Claim"
-    />
-  </Component>
-</Component>
-`;
diff --git a/demo/screens/__snapshots__/LandClaimScreen.test.js.snap b/demo/screens/__snapshots__/LandClaimScreen.test.js.snap
new file mode 100644
index 00000000..17cf5c8d
--- /dev/null
+++ b/demo/screens/__snapshots__/LandClaimScreen.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LandClaimScreen renders the component 1`] = `
+<LandClaim
+  onClaim={[Function]}
+/>
+`;
diff --git a/demo/screens/__snapshots__/ListLands.test.js.snap b/demo/screens/__snapshots__/ListLands.test.js.snap
deleted file mode 100644
index 15bbb417..00000000
--- a/demo/screens/__snapshots__/ListLands.test.js.snap
+++ /dev/null
@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EthereumQuestion renders the component 1`] = `
-<ListViewMock
-  renderRow={[Function]}
-  renderScrollComponent={[MockFunction]}
-  style={
-    Object {
-      "backgroundColor": "#fff",
-      "flex": 1,
-    }
-  }
-/>
-`;
diff --git a/demo/screens/__snapshots__/ListLandsScreen.test.js.snap b/demo/screens/__snapshots__/ListLandsScreen.test.js.snap
new file mode 100644
index 00000000..bed9bdde
--- /dev/null
+++ b/demo/screens/__snapshots__/ListLandsScreen.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListLandsScreen renders the component 1`] = `
+<ListLands
+  renderRow={[Function]}
+/>
+`;
diff --git a/demo/screens/__snapshots__/OnboardingHome.test.js.snap b/demo/screens/__snapshots__/OnboardingHome.test.js.snap
deleted file mode 100644
index 87a48f65..00000000
--- a/demo/screens/__snapshots__/OnboardingHome.test.js.snap
+++ /dev/null
@@ -1,34 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`OnboardingHome renders the component 1`] = `
-<Component
-  style={
-    Object {
-      "alignItems": "center",
-      "backgroundColor": "#fff",
-      "flex": 1,
-      "justifyContent": "center",
-    }
-  }
->
-  <Component
-    source={1}
-  />
-  <LargeText>
-    Let's get you set up with a secure way to store this land!
-  </LargeText>
-  <Component
-    style={
-      Object {
-        "flexDirection": "row",
-        "marginTop": 30,
-      }
-    }
-  >
-    <Button
-      onPress={[Function]}
-      title="Get started"
-    />
-  </Component>
-</Component>
-`;
diff --git a/demo/screens/__snapshots__/OnboardingHomeScreen.test.js.snap b/demo/screens/__snapshots__/OnboardingHomeScreen.test.js.snap
new file mode 100644
index 00000000..ca38212f
--- /dev/null
+++ b/demo/screens/__snapshots__/OnboardingHomeScreen.test.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`OnboardingHome renders the component 1`] = `
+<OnboardingHome
+  onPress={[Function]}
+/>
+`;

From 0cf20baf5d77b7aaa231b2261937224285db42c4 Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Tue, 18 Dec 2018 21:09:54 +0000
Subject: [PATCH 04/21] Presentational components tests & snapshots

---
 .../presentational/EthereumQuestion.test.js   | 11 +++++
 .../presentational/EthereumSignIn.test.js     |  9 ++++
 .../presentational/EthereumSignUp.test.js     |  9 ++++
 demo/components/presentational/Home.js        |  2 +-
 demo/components/presentational/Home.test.js   |  9 ++++
 demo/components/presentational/Land.test.js   | 16 +++++++
 .../presentational/LandClaim.test.js          |  9 ++++
 .../components/presentational/LandRow.test.js |  9 ++++
 .../presentational/LargeText.test.js          |  9 ++++
 .../presentational/ListLands.test.js          |  9 ++++
 .../presentational/OnboardingHome.js          |  2 +-
 .../presentational/OnboardingHome.test.js     |  9 ++++
 .../EthereumQuestion.test.js.snap             | 44 +++++++++++++++++++
 .../__snapshots__/EthereumSignIn.test.js.snap | 31 +++++++++++++
 .../__snapshots__/EthereumSignUp.test.js.snap | 22 ++++++++++
 .../__snapshots__/Home.test.js.snap           | 25 +++++++++++
 .../__snapshots__/Land.test.js.snap           | 24 ++++++++++
 .../__snapshots__/LandClaim.test.js.snap      | 29 ++++++++++++
 .../__snapshots__/LandRow.test.js.snap        | 22 ++++++++++
 .../__snapshots__/LargeText.test.js.snap      | 15 +++++++
 .../__snapshots__/ListLands.test.js.snap      | 13 ++++++
 .../__snapshots__/OnboardingHome.test.js.snap | 34 ++++++++++++++
 22 files changed, 360 insertions(+), 2 deletions(-)
 create mode 100644 demo/components/presentational/EthereumQuestion.test.js
 create mode 100644 demo/components/presentational/EthereumSignIn.test.js
 create mode 100644 demo/components/presentational/EthereumSignUp.test.js
 create mode 100644 demo/components/presentational/Home.test.js
 create mode 100644 demo/components/presentational/Land.test.js
 create mode 100644 demo/components/presentational/LandClaim.test.js
 create mode 100644 demo/components/presentational/LandRow.test.js
 create mode 100644 demo/components/presentational/LargeText.test.js
 create mode 100644 demo/components/presentational/ListLands.test.js
 create mode 100644 demo/components/presentational/OnboardingHome.test.js
 create mode 100644 demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/Home.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/Land.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/LandClaim.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/LandRow.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/LargeText.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/ListLands.test.js.snap
 create mode 100644 demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap

diff --git a/demo/components/presentational/EthereumQuestion.test.js b/demo/components/presentational/EthereumQuestion.test.js
new file mode 100644
index 00000000..149dfb44
--- /dev/null
+++ b/demo/components/presentational/EthereumQuestion.test.js
@@ -0,0 +1,11 @@
+import React from "react";
+import { shallow } from "enzyme";
+import EthereumQuestion from "./EthereumQuestion";
+
+describe("EthereumQuestion", () => {
+  it("renders the component", async () => {
+    expect(
+      shallow(<EthereumQuestion onSignUp={() => {}} onSignIn={() => {}} />)
+    ).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/EthereumSignIn.test.js b/demo/components/presentational/EthereumSignIn.test.js
new file mode 100644
index 00000000..5237fce8
--- /dev/null
+++ b/demo/components/presentational/EthereumSignIn.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import EthereumSignIn from "./EthereumSignIn";
+
+describe("EthereumSignIn", () => {
+  it("renders the component", async () => {
+    expect(shallow(<EthereumSignIn onConnect={() => {}} />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/EthereumSignUp.test.js b/demo/components/presentational/EthereumSignUp.test.js
new file mode 100644
index 00000000..56005ea7
--- /dev/null
+++ b/demo/components/presentational/EthereumSignUp.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import EthereumSignUp from "./EthereumSignUp";
+
+describe("EthereumSignUp", () => {
+  it("renders the component", async () => {
+    expect(shallow(<EthereumSignUp />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/Home.js b/demo/components/presentational/Home.js
index 7d26a7fe..07d416de 100644
--- a/demo/components/presentational/Home.js
+++ b/demo/components/presentational/Home.js
@@ -6,7 +6,7 @@ import Colors from "../../constants/Colors";
 export default function Home(props) {
   return (
     <View style={styles.container}>
-      <Image source={require("../assets/images/icon.png")} />
+      <Image source={require("../../assets/images/icon.png")} />
       <LargeText>{`Tasit`}</LargeText>
       <Button title="Decentraland" onPress={props.onPress} />
     </View>
diff --git a/demo/components/presentational/Home.test.js b/demo/components/presentational/Home.test.js
new file mode 100644
index 00000000..f04105e8
--- /dev/null
+++ b/demo/components/presentational/Home.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import Home from "./Home";
+
+describe("Home", () => {
+  it("renders the component", async () => {
+    expect(shallow(<Home onPress={() => {}} />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/Land.test.js b/demo/components/presentational/Land.test.js
new file mode 100644
index 00000000..5699fd33
--- /dev/null
+++ b/demo/components/presentational/Land.test.js
@@ -0,0 +1,16 @@
+import React from "react";
+import { shallow } from "enzyme";
+import Land from "./Land";
+
+describe("Land", () => {
+  it("renders the component", async () => {
+    const land = {
+      id: -1,
+      name: "Not found",
+      img: require("../../assets/images/icon.png"),
+      priceMana: 0,
+      priceUsd: 0,
+    };
+    expect(shallow(<Land land={land} />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/LandClaim.test.js b/demo/components/presentational/LandClaim.test.js
new file mode 100644
index 00000000..54d4f397
--- /dev/null
+++ b/demo/components/presentational/LandClaim.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import LandClaim from "./LandClaim";
+
+describe("LandClaim", () => {
+  it("renders the component", async () => {
+    expect(shallow(<LandClaim onClaim={() => {}} />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/LandRow.test.js b/demo/components/presentational/LandRow.test.js
new file mode 100644
index 00000000..76949f4c
--- /dev/null
+++ b/demo/components/presentational/LandRow.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import LandRow from "./LandRow";
+
+describe("LandRow", () => {
+  it("renders the component", async () => {
+    expect(shallow(<LandRow />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/LargeText.test.js b/demo/components/presentational/LargeText.test.js
new file mode 100644
index 00000000..9e6a7d16
--- /dev/null
+++ b/demo/components/presentational/LargeText.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import LargeText from "./LargeText";
+
+describe("LargeText", () => {
+  it("renders the component", async () => {
+    expect(shallow(<LargeText />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/ListLands.test.js b/demo/components/presentational/ListLands.test.js
new file mode 100644
index 00000000..85902502
--- /dev/null
+++ b/demo/components/presentational/ListLands.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import ListLands from "./ListLands";
+
+describe("ListLands", () => {
+  it("renders the component", async () => {
+    expect(shallow(<ListLands />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/OnboardingHome.js b/demo/components/presentational/OnboardingHome.js
index b44ab9f9..2732bb61 100644
--- a/demo/components/presentational/OnboardingHome.js
+++ b/demo/components/presentational/OnboardingHome.js
@@ -6,7 +6,7 @@ import Colors from "../../constants/Colors";
 export default function OnboardingHome(props) {
   return (
     <View style={styles.container}>
-      <Image source={require("../assets/images/icon.png")} />
+      <Image source={require("../../assets/images/icon.png")} />
       <LargeText>{`Let's get you set up with a secure way to store this land!`}</LargeText>
       <View style={styles.buttonView}>
         <Button title="Get started" onPress={props.onPress} />
diff --git a/demo/components/presentational/OnboardingHome.test.js b/demo/components/presentational/OnboardingHome.test.js
new file mode 100644
index 00000000..ca8bbf3c
--- /dev/null
+++ b/demo/components/presentational/OnboardingHome.test.js
@@ -0,0 +1,9 @@
+import React from "react";
+import { shallow } from "enzyme";
+import OnboardingHome from "./OnboardingHome";
+
+describe("OnboardingHome", () => {
+  it("renders the component", async () => {
+    expect(shallow(<OnboardingHome onPress={() => {}} />)).toMatchSnapshot();
+  });
+});
diff --git a/demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap b/demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap
new file mode 100644
index 00000000..614cbd75
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap
@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumQuestion renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <LargeText>
+    Are you new to Ethereum?
+  </LargeText>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 20,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Yep"
+    />
+  </Component>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 20,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Nope"
+    />
+  </Component>
+</Component>
+`;
diff --git a/demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap b/demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap
new file mode 100644
index 00000000..c7ee1f43
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumSignIn renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <LargeText>
+    Cool. Let's start by hooking this app with your wallet.
+  </LargeText>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 30,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Connect with WalletConnect"
+    />
+  </Component>
+</Component>
+`;
diff --git a/demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap b/demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap
new file mode 100644
index 00000000..d8f82168
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EthereumSignUp renders the component 1`] = `
+<KeyboardAvoidingView
+  behavior="padding"
+  enabled={true}
+  keyboardVerticalOffset={84}
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <LargeText>
+    Cool. Let's start by picking your Tasit username.
+  </LargeText>
+  <EthereumSignUpForm />
+</KeyboardAvoidingView>
+`;
diff --git a/demo/components/presentational/__snapshots__/Home.test.js.snap b/demo/components/presentational/__snapshots__/Home.test.js.snap
new file mode 100644
index 00000000..c12ed8f1
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/Home.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Home renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <Component
+    source={1}
+  />
+  <LargeText>
+    Tasit
+  </LargeText>
+  <Button
+    onPress={[Function]}
+    title="Decentraland"
+  />
+</Component>
+`;
diff --git a/demo/components/presentational/__snapshots__/Land.test.js.snap b/demo/components/presentational/__snapshots__/Land.test.js.snap
new file mode 100644
index 00000000..167dc971
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/Land.test.js.snap
@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Land renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "width": 224,
+    }
+  }
+>
+  <Component
+    source={1}
+  />
+  <Component>
+    Not found
+  </Component>
+  <Component>
+    0
+     MANA (~$
+    0
+    )
+  </Component>
+</Component>
+`;
diff --git a/demo/components/presentational/__snapshots__/LandClaim.test.js.snap b/demo/components/presentational/__snapshots__/LandClaim.test.js.snap
new file mode 100644
index 00000000..1125d675
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/LandClaim.test.js.snap
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LandClaim renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <Land />
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 30,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Claim"
+    />
+  </Component>
+</Component>
+`;
diff --git a/demo/components/presentational/__snapshots__/LandRow.test.js.snap b/demo/components/presentational/__snapshots__/LandRow.test.js.snap
new file mode 100644
index 00000000..44564d60
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/LandRow.test.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LandRow renders the component 1`] = `
+<TouchableHighlight
+  activeOpacity={0.85}
+  delayPressOut={100}
+  underlayColor="black"
+>
+  <Component
+    style={
+      Object {
+        "alignItems": "center",
+        "justifyContent": "center",
+        "marginBottom": 5,
+        "padding": 15,
+      }
+    }
+  >
+    <Land />
+  </Component>
+</TouchableHighlight>
+`;
diff --git a/demo/components/presentational/__snapshots__/LargeText.test.js.snap b/demo/components/presentational/__snapshots__/LargeText.test.js.snap
new file mode 100644
index 00000000..0265fbbb
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/LargeText.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LargeText renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "color": "gray",
+      "fontSize": 30,
+      "fontWeight": "bold",
+      "padding": 26.68,
+      "textAlign": "center",
+    }
+  }
+/>
+`;
diff --git a/demo/components/presentational/__snapshots__/ListLands.test.js.snap b/demo/components/presentational/__snapshots__/ListLands.test.js.snap
new file mode 100644
index 00000000..7a8967fd
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/ListLands.test.js.snap
@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListLands renders the component 1`] = `
+<ListViewMock
+  renderScrollComponent={[MockFunction]}
+  style={
+    Object {
+      "backgroundColor": "#fff",
+      "flex": 1,
+    }
+  }
+/>
+`;
diff --git a/demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap b/demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap
new file mode 100644
index 00000000..87a48f65
--- /dev/null
+++ b/demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`OnboardingHome renders the component 1`] = `
+<Component
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#fff",
+      "flex": 1,
+      "justifyContent": "center",
+    }
+  }
+>
+  <Component
+    source={1}
+  />
+  <LargeText>
+    Let's get you set up with a secure way to store this land!
+  </LargeText>
+  <Component
+    style={
+      Object {
+        "flexDirection": "row",
+        "marginTop": 30,
+      }
+    }
+  >
+    <Button
+      onPress={[Function]}
+      title="Get started"
+    />
+  </Component>
+</Component>
+`;

From 60ce3947d88e39e20b8d715a2509b67991dec90b Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Tue, 18 Dec 2018 21:30:57 +0000
Subject: [PATCH 05/21] Bug fix

---
 demo/AppNavigator.js            |  2 +-
 demo/package-lock.json          | 23 +++++++++++++++--------
 demo/screens/LandClaimScreen.js |  3 ++-
 demo/screens/ListLandsScreen.js | 11 +++--------
 4 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/demo/AppNavigator.js b/demo/AppNavigator.js
index dc766178..d99debab 100644
--- a/demo/AppNavigator.js
+++ b/demo/AppNavigator.js
@@ -19,7 +19,7 @@ const AppNavigator = createStackNavigator(
     EthereumSignInScreen,
   },
   {
-    initialRouteName: "Home",
+    initialRouteName: "HomeScreen",
     defaultNavigationOptions: {
       headerStyle: {
         backgroundColor: Colors.headerBackgroundColor,
diff --git a/demo/package-lock.json b/demo/package-lock.json
index 63b6fe90..277b53d8 100644
--- a/demo/package-lock.json
+++ b/demo/package-lock.json
@@ -4422,7 +4422,6 @@
         "qs": "^6.5.0",
         "react-native-branch": "2.2.5",
         "react-native-gesture-handler": "1.0.9",
-        "react-native-maps": "github:expo/react-native-maps#e6f98ff7272e5d0a7fe974a41f28593af2d77bb2",
         "react-native-reanimated": "1.0.0-alpha.10",
         "react-native-screens": "1.0.0-alpha.15",
         "react-native-svg": "8.0.8",
@@ -4453,6 +4452,10 @@
             "invariant": "^2.2.2",
             "prop-types": "^15.5.10"
           }
+        },
+        "react-native-maps": {
+          "version": "github:expo/react-native-maps#e6f98ff7272e5d0a7fe974a41f28593af2d77bb2",
+          "from": "github:expo/react-native-maps#e6f98ff7272e5d0a7fe974a41f28593af2d77bb2"
         }
       }
     },
@@ -5326,11 +5329,13 @@
         },
         "balanced-match": {
           "version": "1.0.0",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5348,7 +5353,8 @@
         },
         "concat-map": {
           "version": "0.0.1",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
@@ -5480,17 +5486,20 @@
         "minimatch": {
           "version": "3.0.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
         },
         "minimist": {
           "version": "0.0.8",
-          "bundled": true
+          "bundled": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -5507,6 +5516,7 @@
         "mkdirp": {
           "version": "0.5.1",
           "bundled": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -5590,6 +5600,7 @@
         "once": {
           "version": "1.4.0",
           "bundled": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -10184,10 +10195,6 @@
         "prop-types": "^15.5.10"
       }
     },
-    "react-native-maps": {
-      "version": "github:expo/react-native-maps#e6f98ff7272e5d0a7fe974a41f28593af2d77bb2",
-      "from": "github:expo/react-native-maps#v0.22.1-exp.0"
-    },
     "react-native-reanimated": {
       "version": "1.0.0-alpha.10",
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-1.0.0-alpha.10.tgz",
diff --git a/demo/screens/LandClaimScreen.js b/demo/screens/LandClaimScreen.js
index 2cd703ff..3bd9af8c 100644
--- a/demo/screens/LandClaimScreen.js
+++ b/demo/screens/LandClaimScreen.js
@@ -1,6 +1,7 @@
 import React from "react";
+import LandClaim from "../components/presentational/LandClaim";
 
-export default class LandClaim extends React.Component {
+export default class LandClaimScreen extends React.Component {
   render() {
     const { navigation } = this.props;
     const land = navigation.getParam("land", {
diff --git a/demo/screens/ListLandsScreen.js b/demo/screens/ListLandsScreen.js
index 3a045200..644309c2 100644
--- a/demo/screens/ListLandsScreen.js
+++ b/demo/screens/ListLandsScreen.js
@@ -44,14 +44,9 @@ export default class ListLandsScreen extends React.Component {
   };
 
   renderRow = land => {
-    return (
-      <LandRow
-        land={land}
-        onPress={this.props.navigation.navigate("LandClaimScreen", {
-          land,
-        })}
-      />
-    );
+    const handlePress = () =>
+      this.props.navigation.navigate("LandClaimScreen", { land: land });
+    return <LandRow land={land} onPress={handlePress} />;
   };
 
   render() {

From 2ad694f3fbcdf35dbdd8069d3ef8210d6c8e98ee Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Tue, 18 Dec 2018 21:57:41 +0000
Subject: [PATCH 06/21] Merge branch 'develop' of
 https://github.com/tasitlabs/tasit into feature/snapshots

---
 README.md                                     | 39 +++++++++++++----
 .../presentational/EthereumSignUp.js          |  6 +--
 demo/components/presentational/LargeText.js   |  2 +-
 demo/components/presentational/package.json   |  3 ++
 demo/constants/package.json                   |  3 ++
 demo/screens/EthereumQuestion.js              | 39 +++++++++++++++++
 demo/screens/EthereumSignIn.js                | 30 +++++++++++++
 demo/screens/Home.js                          | 28 +++++++++++++
 demo/screens/LandClaim.js                     | 42 +++++++++++++++++++
 demo/screens/ListLandsScreen.js               |  4 +-
 demo/screens/OnboardingHome.js                | 34 +++++++++++++++
 package-lock.json                             |  3 --
 12 files changed, 217 insertions(+), 16 deletions(-)
 create mode 100644 demo/components/presentational/package.json
 create mode 100644 demo/constants/package.json
 create mode 100644 demo/screens/EthereumQuestion.js
 create mode 100644 demo/screens/EthereumSignIn.js
 create mode 100644 demo/screens/Home.js
 create mode 100644 demo/screens/LandClaim.js
 create mode 100644 demo/screens/OnboardingHome.js
 delete mode 100644 package-lock.json

diff --git a/README.md b/README.md
index 015d7edf..a660a87d 100644
--- a/README.md
+++ b/README.md
@@ -6,10 +6,13 @@ In the short run, the focus for the Tasit products is providing simple, third-pa
 
 We have a separate app for each major class of dapp.
 
-### Tasit One
-Our first app is called Tasit One.
+### Tasit Decentraland
 
-Tasit One ([NFTs](http://erc721.org/))
+Our first app is called `Tasit Decentraland`.
+
+Decentraland is a dapp using [unique tokens / NFTs](http://erc721.org/). `Tasit Decentraland` lets you use that dapp on mobile.
+
+This is the first Tasit NFT app - we plan to release other similar 3rd-party apps for other popular NFT projects.
 
 Here's an [interactive wireframe video](https://youtu.be/iJQtDPQrRsE) showing how this app will look for an example ERC721 NFT like [Decentraland](https://decentraland.org/).
 
@@ -17,16 +20,22 @@ This app shows off the major functionality of the [Tasit SDK](https://github.com
 
 ### Coming soon
 
-##### Tasit List
+##### A Tasit list app
+
+Exact list project T.B.D.
 ([TCRs](https://medium.com/@simondlr/city-walls-bo-taoshi-exploring-the-power-of-token-curated-registries-588f208c17d5) / FCRs)
 
-##### Tasit Org
+##### A Tasit org app
+
+Exact org project T.B.D.
 ([DAOs](https://blog.aragon.org/bringing-daos-back-aragon-monthly-92756cb65639/))
 
-##### Tasit Market
+##### A Tasit market app
+
+Exact market project T.B.D.
 (Two-sided marketplaces like Gitcoin, CryptoCribs, OpenSea, etc.)
 
-- ...with more to come
+##### ...with more to come
 
 ### The road ahead
 
@@ -41,3 +50,19 @@ These apps all use the [Tasit SDK](https://github.com/tasitlabs/TasitSDK).
 For more info, please visit our website:
 
 [tasit.io](https://tasit.io/)
+
+### Contact us
+
+We love getting feedback from people, so please feel free to reach out.
+
+- [Website](https://tasit.io/)
+
+- [Twitter](https://twitter.com/tasitlabs)
+
+- [Telegram](https://t.me/tasitlabs)
+
+- [Email](mailto:founders@tasit.io)
+
+- [Feature requests](https://tasit.canny.io/feature-requests)
+
+- [Project Kanban board](https://github.com/orgs/tasitlabs/projects/1)
diff --git a/demo/components/presentational/EthereumSignUp.js b/demo/components/presentational/EthereumSignUp.js
index 54b28a8a..f6a75ea2 100644
--- a/demo/components/presentational/EthereumSignUp.js
+++ b/demo/components/presentational/EthereumSignUp.js
@@ -1,9 +1,9 @@
 import React from "react";
 import { StyleSheet, KeyboardAvoidingView } from "react-native";
 import { Header } from "react-navigation";
-import Colors from "../../constants/Colors";
-import LargeText from "./LargeText";
-import EthereumSignUpForm from "./EthereumSignUpForm";
+import Colors from "@constants/Colors";
+import LargeText from "@presentational/LargeText";
+import EthereumSignUpForm from "@presentational/EthereumSignUpForm";
 
 export default class EthereumSignUp extends React.Component {
   render() {
diff --git a/demo/components/presentational/LargeText.js b/demo/components/presentational/LargeText.js
index f3dcadd4..d5bded2e 100644
--- a/demo/components/presentational/LargeText.js
+++ b/demo/components/presentational/LargeText.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { StyleSheet, Text } from "react-native";
 import { responsiveHeight } from "react-native-responsive-dimensions";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function LargeText(props) {
   return <Text style={styles.text}>{props.children}</Text>;
diff --git a/demo/components/presentational/package.json b/demo/components/presentational/package.json
new file mode 100644
index 00000000..eca256a9
--- /dev/null
+++ b/demo/components/presentational/package.json
@@ -0,0 +1,3 @@
+{
+  "name": "@presentational"
+}
diff --git a/demo/constants/package.json b/demo/constants/package.json
new file mode 100644
index 00000000..d00cc6ca
--- /dev/null
+++ b/demo/constants/package.json
@@ -0,0 +1,3 @@
+{
+  "name": "@constants"
+}
diff --git a/demo/screens/EthereumQuestion.js b/demo/screens/EthereumQuestion.js
new file mode 100644
index 00000000..ebde46ea
--- /dev/null
+++ b/demo/screens/EthereumQuestion.js
@@ -0,0 +1,39 @@
+import React from "react";
+import { Button, StyleSheet, View } from "react-native";
+import LargeText from "@presentational/LargeText";
+import Colors from "@constants/Colors";
+
+export default class EthereumQuestion extends React.Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <LargeText>{`Are you new to Ethereum?`}</LargeText>
+        <View style={styles.buttonView}>
+          <Button
+            title="Yep"
+            onPress={() => this.props.navigation.navigate("EthereumSignUp")}
+          />
+        </View>
+        <View style={styles.buttonView}>
+          <Button
+            title="Nope"
+            onPress={() => this.props.navigation.navigate("EthereumSignIn")}
+          />
+        </View>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 20,
+  },
+});
diff --git a/demo/screens/EthereumSignIn.js b/demo/screens/EthereumSignIn.js
new file mode 100644
index 00000000..d8565d69
--- /dev/null
+++ b/demo/screens/EthereumSignIn.js
@@ -0,0 +1,30 @@
+import React from "react";
+import { Button, StyleSheet, View } from "react-native";
+import LargeText from "@presentational/LargeText";
+import Colors from "@constants/Colors";
+
+export default class EthereumSignIn extends React.Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <LargeText>{`Cool. Let's start by hooking this app with your wallet.`}</LargeText>
+        <View style={styles.buttonView}>
+          <Button title="Connect with WalletConnect" onPress={() => {}} />
+        </View>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 30,
+  },
+});
diff --git a/demo/screens/Home.js b/demo/screens/Home.js
new file mode 100644
index 00000000..f1a4f369
--- /dev/null
+++ b/demo/screens/Home.js
@@ -0,0 +1,28 @@
+import React from "react";
+import { Image, Button, StyleSheet, View } from "react-native";
+import LargeText from "@presentational/LargeText";
+import Colors from "@constants/Colors";
+
+export default class Home extends React.Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Image source={require("../assets/images/icon.png")} />
+        <LargeText>{`Tasit`}</LargeText>
+        <Button
+          title="Decentraland"
+          onPress={() => this.props.navigation.navigate("ListLands")}
+        />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
diff --git a/demo/screens/LandClaim.js b/demo/screens/LandClaim.js
new file mode 100644
index 00000000..1aefc0ec
--- /dev/null
+++ b/demo/screens/LandClaim.js
@@ -0,0 +1,42 @@
+import React from "react";
+import { StyleSheet, View, Button } from "react-native";
+import Land from "@presentational/Land";
+import Colors from "@constants/Colors";
+
+export default class Lands extends React.Component {
+  render() {
+    const { navigation } = this.props;
+    const land = navigation.getParam("land", {
+      id: -1,
+      name: "Not found",
+      img: require("../assets/images/icon.png"),
+      priceMana: 0,
+      priceUsd: 0,
+    });
+    return (
+      <View style={styles.container}>
+        <Land land={land} />
+        <View style={styles.buttonView}>
+          <Button
+            style={styles.claimButton}
+            title="Claim"
+            onPress={() => this.props.navigation.navigate("OnboardingHome")}
+          />
+        </View>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 30,
+  },
+});
diff --git a/demo/screens/ListLandsScreen.js b/demo/screens/ListLandsScreen.js
index 644309c2..4bb14777 100644
--- a/demo/screens/ListLandsScreen.js
+++ b/demo/screens/ListLandsScreen.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { ListView } from "react-native";
-import ListLands from "../components/presentational/ListLands";
-import LandRow from "../components/presentational/LandRow";
+import ListLands from "@presentational/ListLands";
+import LandRow from "@presentational/LandRow";
 
 const rows = [
   {
diff --git a/demo/screens/OnboardingHome.js b/demo/screens/OnboardingHome.js
new file mode 100644
index 00000000..d8e5b56a
--- /dev/null
+++ b/demo/screens/OnboardingHome.js
@@ -0,0 +1,34 @@
+import React from "react";
+import { Image, Button, StyleSheet, View } from "react-native";
+import LargeText from "@presentational/LargeText";
+import Colors from "@constants/Colors";
+
+export default class OnboardingHome extends React.Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Image source={require("../assets/images/icon.png")} />
+        <LargeText>{`Let's get you set up with a secure way to store this land!`}</LargeText>
+        <View style={styles.buttonView}>
+          <Button
+            title="Get started"
+            onPress={() => this.props.navigation.navigate("EthereumQuestion")}
+          />
+        </View>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.backgroundColor,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  buttonView: {
+    flexDirection: "row",
+    marginTop: 30,
+  },
+});
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index 48e341a0..00000000
--- a/package-lock.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "lockfileVersion": 1
-}

From 1170dc4b0f0fed79cdf95b3a40094eb8ba00e7c3 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:03:39 -0500
Subject: [PATCH 07/21] Update
 demo/components/presentational/EthereumQuestion.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/components/presentational/EthereumQuestion.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/components/presentational/EthereumQuestion.js b/demo/components/presentational/EthereumQuestion.js
index 3f93c715..467d7000 100644
--- a/demo/components/presentational/EthereumQuestion.js
+++ b/demo/components/presentational/EthereumQuestion.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Button, StyleSheet, View } from "react-native";
 import LargeText from "./LargeText";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function EthereumQuestion(props) {
   return (

From a4290da235b8a52e0f833d7be5fb293519c95e0d Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:03:54 -0500
Subject: [PATCH 08/21] Update demo/components/presentational/EthereumSignIn.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/components/presentational/EthereumSignIn.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/components/presentational/EthereumSignIn.js b/demo/components/presentational/EthereumSignIn.js
index cbe0f806..54fe511c 100644
--- a/demo/components/presentational/EthereumSignIn.js
+++ b/demo/components/presentational/EthereumSignIn.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Button, StyleSheet, View } from "react-native";
 import LargeText from "./LargeText";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function EthereumSignIn(props) {
   return (

From 8416143ef4e6941de34573b9f997531baf9b1156 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:04:31 -0500
Subject: [PATCH 09/21] Update demo/components/presentational/Home.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/components/presentational/Home.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/components/presentational/Home.js b/demo/components/presentational/Home.js
index 07d416de..c343d962 100644
--- a/demo/components/presentational/Home.js
+++ b/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 (

From f3c00811b175e8f56aed2cd745f250bebb1b6066 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:04:40 -0500
Subject: [PATCH 10/21] Update demo/components/presentational/LandClaim.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/components/presentational/LandClaim.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/components/presentational/LandClaim.js b/demo/components/presentational/LandClaim.js
index 541f59a0..c34bf86b 100644
--- a/demo/components/presentational/LandClaim.js
+++ b/demo/components/presentational/LandClaim.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { StyleSheet, View, Button } from "react-native";
 import Land from "./Land";
-import Colors from "../../constants/Colors";
+import Colors from "@constants/Colors";
 
 export default function LandClaim(props) {
   return (

From bf976c40395f707aee2c2d61c1a003d7b489d0c6 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:04:48 -0500
Subject: [PATCH 11/21] Update demo/components/presentational/ListLands.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/components/presentational/ListLands.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/components/presentational/ListLands.js b/demo/components/presentational/ListLands.js
index b1af2272..cfcbd7eb 100644
--- a/demo/components/presentational/ListLands.js
+++ b/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 (

From 17daf303b0038326a7f3d5b53af7978bee11211e Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:05:01 -0500
Subject: [PATCH 12/21] Update demo/components/presentational/OnboardingHome.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/components/presentational/OnboardingHome.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/components/presentational/OnboardingHome.js b/demo/components/presentational/OnboardingHome.js
index 2732bb61..54106643 100644
--- a/demo/components/presentational/OnboardingHome.js
+++ b/demo/components/presentational/OnboardingHome.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 OnboardingHome(props) {
   return (

From aac14c40e944ee0c0e8f1a89da2bc4bdd3af72f9 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:12:56 -0500
Subject: [PATCH 13/21] Update demo/screens/EthereumQuestionScreen.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/screens/EthereumQuestionScreen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/screens/EthereumQuestionScreen.js b/demo/screens/EthereumQuestionScreen.js
index 37fd53d3..b4a5974e 100644
--- a/demo/screens/EthereumQuestionScreen.js
+++ b/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() {

From 2646ea32670797cd0efbd9a1400df98686aa6ee0 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:13:11 -0500
Subject: [PATCH 14/21] Update demo/screens/EthereumSignInScreen.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/screens/EthereumSignInScreen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/screens/EthereumSignInScreen.js b/demo/screens/EthereumSignInScreen.js
index dbdfe856..2a84265e 100644
--- a/demo/screens/EthereumSignInScreen.js
+++ b/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() {

From f8f6a47f2ea076a60d6d234ed0e218bd25173453 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:13:19 -0500
Subject: [PATCH 15/21] Update demo/screens/EthereumSignUpScreen.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/screens/EthereumSignUpScreen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/screens/EthereumSignUpScreen.js b/demo/screens/EthereumSignUpScreen.js
index 53be921d..dd0fd32f 100644
--- a/demo/screens/EthereumSignUpScreen.js
+++ b/demo/screens/EthereumSignUpScreen.js
@@ -1,5 +1,5 @@
 import React from "react";
-import EthereumSignUp from "../components/presentational/EthereumSignUp";
+import EthereumSignUp from "@presentational/EthereumSignUp";
 
 export default class EthereumSignUpScreen extends React.Component {
   render() {

From 02b69581d35ef63d3d669a3b028b74d878214091 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:13:34 -0500
Subject: [PATCH 16/21] Update demo/screens/HomeScreen.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/screens/HomeScreen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/screens/HomeScreen.js b/demo/screens/HomeScreen.js
index fec5c5fc..80f0f87d 100644
--- a/demo/screens/HomeScreen.js
+++ b/demo/screens/HomeScreen.js
@@ -1,5 +1,5 @@
 import React from "react";
-import Home from "../components/presentational/Home";
+import Home from "@presentational/Home";
 
 export default class HomeScreen extends React.Component {
   render() {

From 94db9682d2be75e888c63adde321fe704287ef05 Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:13:41 -0500
Subject: [PATCH 17/21] Update demo/screens/LandClaimScreen.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/screens/LandClaimScreen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/screens/LandClaimScreen.js b/demo/screens/LandClaimScreen.js
index 3bd9af8c..ce076606 100644
--- a/demo/screens/LandClaimScreen.js
+++ b/demo/screens/LandClaimScreen.js
@@ -1,5 +1,5 @@
 import React from "react";
-import LandClaim from "../components/presentational/LandClaim";
+import LandClaim from "@presentational/LandClaim";
 
 export default class LandClaimScreen extends React.Component {
   render() {

From bd354cc13f9b8f84aab107ec2bd1bcbf891ddd4a Mon Sep 17 00:00:00 2001
From: Paul Cowgill <pauldavidcowgill@gmail.com>
Date: Wed, 19 Dec 2018 06:13:49 -0500
Subject: [PATCH 18/21] Update demo/screens/OnboardingHomeScreen.js

Co-Authored-By: marcelomorgado <cmarcelom@gmail.com>
---
 demo/screens/OnboardingHomeScreen.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/demo/screens/OnboardingHomeScreen.js b/demo/screens/OnboardingHomeScreen.js
index 44dfe893..80364405 100644
--- a/demo/screens/OnboardingHomeScreen.js
+++ b/demo/screens/OnboardingHomeScreen.js
@@ -1,5 +1,5 @@
 import React from "react";
-import OnboardingHome from "../components/presentational/OnboardingHome";
+import OnboardingHome from "@presentational/OnboardingHome";
 
 export default class OnboardingHomeScreen extends React.Component {
   render() {

From f8f718c11e83c608c5fd4788872ef8512068a467 Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Wed, 19 Dec 2018 11:20:50 +0000
Subject: [PATCH 19/21] Removing old components (without Screen suffix).

---
 demo/screens/EthereumQuestion.js | 39 -----------------------------
 demo/screens/EthereumSignIn.js   | 30 -----------------------
 demo/screens/Home.js             | 28 ---------------------
 demo/screens/LandClaim.js        | 42 --------------------------------
 demo/screens/OnboardingHome.js   | 34 --------------------------
 5 files changed, 173 deletions(-)
 delete mode 100644 demo/screens/EthereumQuestion.js
 delete mode 100644 demo/screens/EthereumSignIn.js
 delete mode 100644 demo/screens/Home.js
 delete mode 100644 demo/screens/LandClaim.js
 delete mode 100644 demo/screens/OnboardingHome.js

diff --git a/demo/screens/EthereumQuestion.js b/demo/screens/EthereumQuestion.js
deleted file mode 100644
index ebde46ea..00000000
--- a/demo/screens/EthereumQuestion.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import { Button, StyleSheet, View } from "react-native";
-import LargeText from "@presentational/LargeText";
-import Colors from "@constants/Colors";
-
-export default class EthereumQuestion extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <LargeText>{`Are you new to Ethereum?`}</LargeText>
-        <View style={styles.buttonView}>
-          <Button
-            title="Yep"
-            onPress={() => this.props.navigation.navigate("EthereumSignUp")}
-          />
-        </View>
-        <View style={styles.buttonView}>
-          <Button
-            title="Nope"
-            onPress={() => this.props.navigation.navigate("EthereumSignIn")}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 20,
-  },
-});
diff --git a/demo/screens/EthereumSignIn.js b/demo/screens/EthereumSignIn.js
deleted file mode 100644
index d8565d69..00000000
--- a/demo/screens/EthereumSignIn.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from "react";
-import { Button, StyleSheet, View } from "react-native";
-import LargeText from "@presentational/LargeText";
-import Colors from "@constants/Colors";
-
-export default class EthereumSignIn extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <LargeText>{`Cool. Let's start by hooking this app with your wallet.`}</LargeText>
-        <View style={styles.buttonView}>
-          <Button title="Connect with WalletConnect" onPress={() => {}} />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 30,
-  },
-});
diff --git a/demo/screens/Home.js b/demo/screens/Home.js
deleted file mode 100644
index f1a4f369..00000000
--- a/demo/screens/Home.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import { Image, Button, StyleSheet, View } from "react-native";
-import LargeText from "@presentational/LargeText";
-import Colors from "@constants/Colors";
-
-export default class Home extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <Image source={require("../assets/images/icon.png")} />
-        <LargeText>{`Tasit`}</LargeText>
-        <Button
-          title="Decentraland"
-          onPress={() => this.props.navigation.navigate("ListLands")}
-        />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
diff --git a/demo/screens/LandClaim.js b/demo/screens/LandClaim.js
deleted file mode 100644
index 1aefc0ec..00000000
--- a/demo/screens/LandClaim.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from "react";
-import { StyleSheet, View, Button } from "react-native";
-import Land from "@presentational/Land";
-import Colors from "@constants/Colors";
-
-export default class Lands extends React.Component {
-  render() {
-    const { navigation } = this.props;
-    const land = navigation.getParam("land", {
-      id: -1,
-      name: "Not found",
-      img: require("../assets/images/icon.png"),
-      priceMana: 0,
-      priceUsd: 0,
-    });
-    return (
-      <View style={styles.container}>
-        <Land land={land} />
-        <View style={styles.buttonView}>
-          <Button
-            style={styles.claimButton}
-            title="Claim"
-            onPress={() => this.props.navigation.navigate("OnboardingHome")}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 30,
-  },
-});
diff --git a/demo/screens/OnboardingHome.js b/demo/screens/OnboardingHome.js
deleted file mode 100644
index d8e5b56a..00000000
--- a/demo/screens/OnboardingHome.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from "react";
-import { Image, Button, StyleSheet, View } from "react-native";
-import LargeText from "@presentational/LargeText";
-import Colors from "@constants/Colors";
-
-export default class OnboardingHome extends React.Component {
-  render() {
-    return (
-      <View style={styles.container}>
-        <Image source={require("../assets/images/icon.png")} />
-        <LargeText>{`Let's get you set up with a secure way to store this land!`}</LargeText>
-        <View style={styles.buttonView}>
-          <Button
-            title="Get started"
-            onPress={() => this.props.navigation.navigate("EthereumQuestion")}
-          />
-        </View>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.backgroundColor,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  buttonView: {
-    flexDirection: "row",
-    marginTop: 30,
-  },
-});

From 47f3899f660dbbb5f19f492a31e18f2ad5c529c9 Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Wed, 19 Dec 2018 12:00:36 +0000
Subject: [PATCH 20/21] react-native-responsive-dimensions

---
 .../components/presentational/EthereumQuestion.js |  3 ++-
 demo/components/presentational/EthereumSignIn.js  |  3 ++-
 demo/components/presentational/EthereumSignUp.js  |  3 ++-
 .../presentational/EthereumSignUpForm.js          | 15 ++++++++++++---
 demo/components/presentational/Land.js            |  3 ++-
 demo/components/presentational/LandClaim.js       |  3 ++-
 demo/components/presentational/LandRow.js         | 11 +++++++++--
 demo/components/presentational/LargeText.js       |  7 +++++--
 demo/components/presentational/OnboardingHome.js  |  3 ++-
 9 files changed, 38 insertions(+), 13 deletions(-)

diff --git a/demo/components/presentational/EthereumQuestion.js b/demo/components/presentational/EthereumQuestion.js
index 467d7000..411f9875 100644
--- a/demo/components/presentational/EthereumQuestion.js
+++ b/demo/components/presentational/EthereumQuestion.js
@@ -1,5 +1,6 @@
 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";
 
@@ -26,6 +27,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 20,
+    marginTop: responsiveHeight(4),
   },
 });
diff --git a/demo/components/presentational/EthereumSignIn.js b/demo/components/presentational/EthereumSignIn.js
index 54fe511c..8748eaf2 100644
--- a/demo/components/presentational/EthereumSignIn.js
+++ b/demo/components/presentational/EthereumSignIn.js
@@ -1,5 +1,6 @@
 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";
 
@@ -23,6 +24,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 30,
+    marginTop: responsiveHeight(5),
   },
 });
diff --git a/demo/components/presentational/EthereumSignUp.js b/demo/components/presentational/EthereumSignUp.js
index f6a75ea2..75fc795d 100644
--- a/demo/components/presentational/EthereumSignUp.js
+++ b/demo/components/presentational/EthereumSignUp.js
@@ -1,5 +1,6 @@
 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";
@@ -7,7 +8,7 @@ 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}
diff --git a/demo/components/presentational/EthereumSignUpForm.js b/demo/components/presentational/EthereumSignUpForm.js
index 381c7d78..38c6c131 100644
--- a/demo/components/presentational/EthereumSignUpForm.js
+++ b/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),
   },
 });
diff --git a/demo/components/presentational/Land.js b/demo/components/presentational/Land.js
index 0126fa22..7c2ff149 100644
--- a/demo/components/presentational/Land.js
+++ b/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),
   },
 });
diff --git a/demo/components/presentational/LandClaim.js b/demo/components/presentational/LandClaim.js
index c34bf86b..6886ff5c 100644
--- a/demo/components/presentational/LandClaim.js
+++ b/demo/components/presentational/LandClaim.js
@@ -1,5 +1,6 @@
 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";
 
@@ -27,6 +28,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 30,
+    marginTop: responsiveHeight(5),
   },
 });
diff --git a/demo/components/presentational/LandRow.js b/demo/components/presentational/LandRow.js
index 782e1bca..e986b3f6 100644
--- a/demo/components/presentational/LandRow.js
+++ b/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",
   },
diff --git a/demo/components/presentational/LargeText.js b/demo/components/presentational/LargeText.js
index d5bded2e..f419652c 100644
--- a/demo/components/presentational/LargeText.js
+++ b/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,
diff --git a/demo/components/presentational/OnboardingHome.js b/demo/components/presentational/OnboardingHome.js
index 54106643..e67fb6ef 100644
--- a/demo/components/presentational/OnboardingHome.js
+++ b/demo/components/presentational/OnboardingHome.js
@@ -1,5 +1,6 @@
 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";
 
@@ -24,6 +25,6 @@ const styles = StyleSheet.create({
   },
   buttonView: {
     flexDirection: "row",
-    marginTop: 30,
+    marginTop: responsiveHeight(5),
   },
 });

From 951427b4ff5d3c747d88f51e5c257c89a478b822 Mon Sep 17 00:00:00 2001
From: Marcelo Morgado <cmarcelom@gmail.com>
Date: Wed, 19 Dec 2018 12:05:43 +0000
Subject: [PATCH 21/21] Update snapshots of components affected by
 responsive-dimentions

---
 .../__snapshots__/EthereumQuestion.test.js.snap           | 4 ++--
 .../__snapshots__/EthereumSignIn.test.js.snap             | 2 +-
 .../__snapshots__/EthereumSignUp.test.js.snap             | 2 +-
 .../__snapshots__/EthereumSignUpForm.test.js.snap         | 8 ++++----
 .../presentational/__snapshots__/Land.test.js.snap        | 2 +-
 .../presentational/__snapshots__/LandClaim.test.js.snap   | 2 +-
 .../presentational/__snapshots__/LandRow.test.js.snap     | 7 +++++--
 .../presentational/__snapshots__/LargeText.test.js.snap   | 2 +-
 .../__snapshots__/OnboardingHome.test.js.snap             | 2 +-
 9 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap b/demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap
index 614cbd75..4d50dd2a 100644
--- a/demo/components/presentational/__snapshots__/EthereumQuestion.test.js.snap
+++ b/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,
       }
     }
   >
diff --git a/demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap b/demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap
index c7ee1f43..58b10e9f 100644
--- a/demo/components/presentational/__snapshots__/EthereumSignIn.test.js.snap
+++ b/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,
       }
     }
   >
diff --git a/demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap b/demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap
index d8f82168..b01990e0 100644
--- a/demo/components/presentational/__snapshots__/EthereumSignUp.test.js.snap
+++ b/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",
diff --git a/demo/components/presentational/__snapshots__/EthereumSignUpForm.test.js.snap b/demo/components/presentational/__snapshots__/EthereumSignUpForm.test.js.snap
index b9b6c0bb..9ec4b3bc 100644
--- a/demo/components/presentational/__snapshots__/EthereumSignUpForm.test.js.snap
+++ b/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,
       }
     }
   >
diff --git a/demo/components/presentational/__snapshots__/Land.test.js.snap b/demo/components/presentational/__snapshots__/Land.test.js.snap
index 167dc971..60c640f0 100644
--- a/demo/components/presentational/__snapshots__/Land.test.js.snap
+++ b/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,
     }
   }
 >
diff --git a/demo/components/presentational/__snapshots__/LandClaim.test.js.snap b/demo/components/presentational/__snapshots__/LandClaim.test.js.snap
index 1125d675..29fa2055 100644
--- a/demo/components/presentational/__snapshots__/LandClaim.test.js.snap
+++ b/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,
       }
     }
   >
diff --git a/demo/components/presentational/__snapshots__/LandRow.test.js.snap b/demo/components/presentational/__snapshots__/LandRow.test.js.snap
index 44564d60..5073ec3a 100644
--- a/demo/components/presentational/__snapshots__/LandRow.test.js.snap
+++ b/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,
       }
     }
   >
diff --git a/demo/components/presentational/__snapshots__/LargeText.test.js.snap b/demo/components/presentational/__snapshots__/LargeText.test.js.snap
index 0265fbbb..4aeeb005 100644
--- a/demo/components/presentational/__snapshots__/LargeText.test.js.snap
+++ b/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",
diff --git a/demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap b/demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap
index 87a48f65..86dd00c7 100644
--- a/demo/components/presentational/__snapshots__/OnboardingHome.test.js.snap
+++ b/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,
       }
     }
   >