From ab7265c25f67819e2e32422f23fd2f7e365875e0 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Sat, 4 Feb 2017 21:55:05 -0700
Subject: [PATCH] Add instructions to help page

---
 src/components/calc.js   |  2 +-
 src/components/help.js   | 29 +++++++++++++++++++++++------
 src/components/mytext.js |  2 +-
 3 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/src/components/calc.js b/src/components/calc.js
index b9dc767..44c2734 100644
--- a/src/components/calc.js
+++ b/src/components/calc.js
@@ -174,7 +174,7 @@ export default class Calc extends Component {
 									{printSum()}
 								</MyText>
 								<MyText style={styles.table} selectable={true}>
-									{printPercentError()} %
+									{printPercentError()}%
 								</MyText>
 								<MyText style={styles.table} selectable={true}>
 									{printNextRes()}
diff --git a/src/components/help.js b/src/components/help.js
index 9759370..7d20dc2 100644
--- a/src/components/help.js
+++ b/src/components/help.js
@@ -1,5 +1,8 @@
 import React, {Component} from 'react';
-import {StyleSheet, View, Text, TouchableOpacity} from 'react-native';
+import {ScrollView, View} from 'react-native';
+
+import MyText from './mytext.js';
+import Section from './section.js';
 
 export default class Help extends Component {
 	constructor(props) {
@@ -8,11 +11,25 @@ export default class Help extends Component {
 
 	render() {
 		return (
-			<View style={{flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-				<Text>This is a sample counter app.</Text>
-				<Text>Press Increase to add 1 to the value.</Text>
-				<Text>Press Decrease to subtract 1 from the value.</Text>
-			</View>
+			<ScrollView>
+				<View style={{padding: 20}}>
+					<Section>
+						<MyText>This app recommends resistors for you to combine in parallel to create a very precise resistance value. It works iteratively by calculating the best resistor value to add based on the measured values of resistors you’ve previously added. You can usually get within 1% of your target with 2 or 3 resistors.</MyText>
+					</Section>
+					<Section>
+						<MyText>Enter the exact target resistance you wish to make in the first field.</MyText>
+					</Section>
+					<Section>
+						<MyText>Next go find a resistor close to the recommended value (but not below the value) and then measure it. Enter the reading into the list of resistors that you have. Then keep doing this for all the resistor values that the app recommends.</MyText>
+					</Section>
+					<Section>
+						<MyText>When the percent error between the current value and your target value is small enough, you are done!</MyText>
+					</Section>
+					<Section>
+						<MyText>Combine the resistors you found in parallel and measure the total resistance to confirm.</MyText>
+					</Section>
+				</View>
+			</ScrollView>
 		);
 	}
 }
diff --git a/src/components/mytext.js b/src/components/mytext.js
index 33ecdb3..14b96f1 100644
--- a/src/components/mytext.js
+++ b/src/components/mytext.js
@@ -1,5 +1,5 @@
 import React, {Component} from 'react';
-import {StyleSheet, Text} from 'react-native';
+import {Text} from 'react-native';
 
 const styles = {
 	mytext: {