From 1a09b6de639e0499d7dc1dc8c90c6848b03a09b8 Mon Sep 17 00:00:00 2001
From: George Lima <georgelima11@hotmail.com>
Date: Thu, 6 Dec 2018 12:42:06 -0300
Subject: [PATCH 1/4] hotfix: components filename case

---
 app/components/{Layout.js => layout.js}   | 0
 app/components/{Sidebar.js => sidebar.js} | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename app/components/{Layout.js => layout.js} (100%)
 rename app/components/{Sidebar.js => sidebar.js} (100%)

diff --git a/app/components/Layout.js b/app/components/layout.js
similarity index 100%
rename from app/components/Layout.js
rename to app/components/layout.js
diff --git a/app/components/Sidebar.js b/app/components/sidebar.js
similarity index 100%
rename from app/components/Sidebar.js
rename to app/components/sidebar.js

From 52b0addaa20277edc9932c6add6fef5e66156d2e Mon Sep 17 00:00:00 2001
From: George Lima <georgelima11@hotmail.com>
Date: Thu, 6 Dec 2018 12:42:30 -0300
Subject: [PATCH 2/4] WIP: feature: add input component

---
 app/components/Input.mdx | 24 +++++++++++++++++++
 app/components/input.js  | 50 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 74 insertions(+)
 create mode 100644 app/components/Input.mdx
 create mode 100644 app/components/input.js

diff --git a/app/components/Input.mdx b/app/components/Input.mdx
new file mode 100644
index 0000000..81021aa
--- /dev/null
+++ b/app/components/Input.mdx
@@ -0,0 +1,24 @@
+---
+name: Input
+---
+
+import { Playground, PropsTable } from 'docz'
+
+import { InputComponent } from './input.js'
+import { DoczWrapper } from '../theme.js'
+
+# Input
+
+<PropsTable of={InputComponent} />
+
+## Text Input
+
+<Playground>
+  <DoczWrapper>{() => <InputComponent inputType="input" value="" onChange={console.log} />}</DoczWrapper>
+</Playground>
+
+## Textarea
+
+<Playground>
+  <DoczWrapper>{() => <InputComponent inputType="textarea" value="" onChange={console.log} rows={10} />}</DoczWrapper>
+</Playground>
diff --git a/app/components/input.js b/app/components/input.js
new file mode 100644
index 0000000..43cb225
--- /dev/null
+++ b/app/components/input.js
@@ -0,0 +1,50 @@
+// @flow
+import React from 'react';
+
+import styled from 'styled-components';
+
+// TODO: Missing styles
+
+const defaultStyles = `
+  padding: 10px;
+  width: 100%;
+`;
+
+const Input = styled.input.attrs({
+  type: 'text',
+})`
+  ${defaultStyles};
+`;
+
+const Textarea = styled.textarea`
+  ${defaultStyles};
+`;
+
+type Props = {
+  inputType?: 'input' | 'textarea' | 'dropdown',
+  value: string,
+  onChange: string => void,
+  rows?: number,
+  disabled?: boolean,
+  type?: string,
+};
+
+export const InputComponent = ({ inputType, onChange, ...props }: Props) => {
+  if (inputType === 'input') {
+    return <Input onChange={evt => onChange(evt.target.value)} {...props} />;
+  }
+
+  if (inputType === 'textarea') {
+    return <Textarea onChange={evt => onChange(evt.target.value)} {...props} />;
+  }
+
+  // TODO: Dropdown component
+  return null;
+};
+
+InputComponent.defaultProps = {
+  inputType: 'input',
+  rows: 4,
+  disabled: false,
+  type: 'text',
+};

From 253aa78f0c81b3854262fa98e6f61a5b28f1293b Mon Sep 17 00:00:00 2001
From: George Lima <georgelima11@hotmail.com>
Date: Thu, 6 Dec 2018 17:49:27 -0300
Subject: [PATCH 3/4] hotfix: add initial value in input docz

---
 app/components/Input.mdx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/Input.mdx b/app/components/Input.mdx
index 81021aa..5111f62 100644
--- a/app/components/Input.mdx
+++ b/app/components/Input.mdx
@@ -14,11 +14,13 @@ import { DoczWrapper } from '../theme.js'
 ## Text Input
 
 <Playground>
-  <DoczWrapper>{() => <InputComponent inputType="input" value="" onChange={console.log} />}</DoczWrapper>
+  <DoczWrapper>{() => <InputComponent inputType="input" value="Hello World!" onChange={console.log} />}</DoczWrapper>
 </Playground>
 
 ## Textarea
 
 <Playground>
-  <DoczWrapper>{() => <InputComponent inputType="textarea" value="" onChange={console.log} rows={10} />}</DoczWrapper>
+  <DoczWrapper>
+    {() => <InputComponent inputType="textarea" value="I'm ZCash Electron Wallet" onChange={console.log} rows={10} />}
+  </DoczWrapper>
 </Playground>

From 791ec4d2807e164f2d3d4ab3d43053ee0da8291d Mon Sep 17 00:00:00 2001
From: George Lima <georgelima11@hotmail.com>
Date: Thu, 6 Dec 2018 17:50:01 -0300
Subject: [PATCH 4/4] hotfix: add inputTypes obj and fix return

---
 app/components/input.js | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/app/components/input.js b/app/components/input.js
index 43cb225..459ae30 100644
--- a/app/components/input.js
+++ b/app/components/input.js
@@ -8,6 +8,8 @@ import styled from 'styled-components';
 const defaultStyles = `
   padding: 10px;
   width: 100%;
+  outline: none;
+  font-family: ${props => props.theme.fontFamily}
 `;
 
 const Input = styled.input.attrs({
@@ -30,16 +32,17 @@ type Props = {
 };
 
 export const InputComponent = ({ inputType, onChange, ...props }: Props) => {
-  if (inputType === 'input') {
-    return <Input onChange={evt => onChange(evt.target.value)} {...props} />;
+  const inputTypes = {
+    input: () => <Input onChange={evt => onChange(evt.target.value)} {...props} />,
+    textarea: () => <Textarea onChange={evt => onChange(evt.target.value)} {...props} />,
+    dropdown: () => null,
+  };
+
+  if (!Object.keys(inputTypes).find(key => key === inputType)) {
+    throw new Error(`Invalid input type: ${inputType}`);
   }
 
-  if (inputType === 'textarea') {
-    return <Textarea onChange={evt => onChange(evt.target.value)} {...props} />;
-  }
-
-  // TODO: Dropdown component
-  return null;
+  return inputTypes[inputType]();
 };
 
 InputComponent.defaultProps = {