3 files changed, 35 insertions, 31 deletions
diff --git a/pages/add.js b/pages/add.js
new file mode 100644
index 0000000..9b8c333
--- /dev/null
+++ b/pages/add.js
@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import Page from '../components/Page';
+import withData from '../lib/withData';
+import CreateItem from '../components/CreateItem';
+
+const Home = props => {
+  const page = parseInt(props.url.query.page) || 1;
+  return (
+    <Page>
+      <h2>Add an Item</h2>
+      <CreateItem />
+    </Page>
+  );
+};
+
+export default withData(Home);
diff --git a/pages/index.js b/pages/index.js
index 17c8a71..09933bf 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,24 +1,21 @@
 import { Component } from 'react';
 import Items from '../components/Items';
-import CreateItem from '../components/CreateItem';
-import Count from '../components/Count';
-import LoginAuth0 from '../components/LoginAuth0';
 import Header from '../components/Header';
 import Page from '../components/Page';
 import withData from '../lib/withData';
+import PropTypes from 'prop-types';
 
-class Home extends Component {
-  render() {
-    const page = parseInt(this.props.url.query.page) || 1;
-    return (
-      <Page>
+const Home = props => {
+  const page = parseInt(props.url.query.page) || 1;
+  return (
+    <Page>
+      <Items page={page} />
+    </Page>
+  );
+};
 
-        <Count/>
-        <CreateItem />
-        <Items page={page}></Items>
-      </Page>
-    )
-  }
-}
+Home.propTypes = {
+  url: PropTypes.object,
+};
 
 export default withData(Home);
diff --git a/pages/item.js b/pages/item.js
index affc0d7..2599810 100644
--- a/pages/item.js
+++ b/pages/item.js
@@ -1,21 +1,12 @@
-import { Component } from 'react';
 import withData from '../lib/withData';
-import Items from '../components/Items';
-import CreateItem from '../components/CreateItem';
-import Signup from '../components/Signup';
-import LoginAuth0 from '../components/LoginAuth0';
 import Page from '../components/Page';
-import Item from '../components/Item';
+import SingleItem from '../components/SingleItem';
 
-class ItemPage extends Component {
-  render() {
-    return (
-      <Page>
-        <p>I'm the item url!</p>
-        <Item id={this.props.url.query.itemId}></Item>
-      </Page>
-    )
-  }
-}
+const ItemPage = props => (
+  <Page>
+    <p>I'm the item url!</p>
+    <SingleItem id={props.url.query.itemId} />
+  </Page>
+);
 
 export default withData(ItemPage);