13 files changed, 162 insertions, 0 deletions
diff --git a/finished-application/frontend/pages/.gitkeep b/finished-application/frontend/pages/.gitkeep
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/finished-application/frontend/pages/.gitkeep
diff --git a/finished-application/frontend/pages/_app.js b/finished-application/frontend/pages/_app.js
new file mode 100644
index 0000000..fc03876
--- /dev/null
+++ b/finished-application/frontend/pages/_app.js
@@ -0,0 +1,31 @@
+import App, { Container } from 'next/app';
+import Page from '../components/Page';
+import { ApolloProvider } from 'react-apollo';
+import withData from '../lib/withData';
+
+class MyApp extends App {
+  static async getInitialProps({ Component, ctx }) {
+    let pageProps = {};
+    if (Component.getInitialProps) {
+      pageProps = await Component.getInitialProps(ctx);
+    }
+    // this exposes the query to the user
+    pageProps.query = ctx.query;
+    return { pageProps };
+  }
+  render() {
+    const { Component, apollo, pageProps } = this.props;
+
+    return (
+      <Container>
+        <ApolloProvider client={apollo}>
+          <Page>
+            <Component {...pageProps} />
+          </Page>
+        </ApolloProvider>
+      </Container>
+    );
+  }
+}
+
+export default withData(MyApp);
diff --git a/finished-application/frontend/pages/_document.js b/finished-application/frontend/pages/_document.js
new file mode 100644
index 0000000..0ac8935
--- /dev/null
+++ b/finished-application/frontend/pages/_document.js
@@ -0,0 +1,23 @@
+import Document, { Head, Main, NextScript } from 'next/document';
+import { ServerStyleSheet } from 'styled-components';
+
+export default class MyDocument extends Document {
+  static getInitialProps({ renderPage }) {
+    const sheet = new ServerStyleSheet();
+    const page = renderPage(App => props => sheet.collectStyles(<App {...props} />));
+    const styleTags = sheet.getStyleElement();
+    return { ...page, styleTags };
+  }
+
+  render() {
+    return (
+      <html>
+        <Head>{this.props.styleTags}</Head>
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </html>
+    );
+  }
+}
diff --git a/finished-application/frontend/pages/index.js b/finished-application/frontend/pages/index.js
new file mode 100644
index 0000000..edb45ab
--- /dev/null
+++ b/finished-application/frontend/pages/index.js
@@ -0,0 +1,9 @@
+import Items from '../components/Items';
+
+const Home = props => (
+  <div>
+    <Items page={parseFloat(props.query.page) || 1} />
+  </div>
+);
+
+export default Home;
diff --git a/finished-application/frontend/pages/item.js b/finished-application/frontend/pages/item.js
new file mode 100644
index 0000000..e58b220
--- /dev/null
+++ b/finished-application/frontend/pages/item.js
@@ -0,0 +1,9 @@
+import SingleItem from '../components/SingleItem';
+
+const Item = props => (
+  <div>
+    <SingleItem id={props.query.id} />
+  </div>
+);
+
+export default Item;
diff --git a/finished-application/frontend/pages/items.js b/finished-application/frontend/pages/items.js
new file mode 100644
index 0000000..c95ff45
--- /dev/null
+++ b/finished-application/frontend/pages/items.js
@@ -0,0 +1,3 @@
+import Items from './index';
+
+export default Items;
diff --git a/finished-application/frontend/pages/order.js b/finished-application/frontend/pages/order.js
new file mode 100644
index 0000000..0fea0c6
--- /dev/null
+++ b/finished-application/frontend/pages/order.js
@@ -0,0 +1,12 @@
+import PleaseSignIn from '../components/PleaseSignIn';
+import Order from '../components/Order';
+
+const OrderPage = props => (
+  <div>
+    <PleaseSignIn>
+      <Order id={props.query.id} />
+    </PleaseSignIn>
+  </div>
+);
+
+export default OrderPage;
diff --git a/finished-application/frontend/pages/orders.js b/finished-application/frontend/pages/orders.js
new file mode 100644
index 0000000..c65d80d
--- /dev/null
+++ b/finished-application/frontend/pages/orders.js
@@ -0,0 +1,12 @@
+import PleaseSignIn from '../components/PleaseSignIn';
+import OrderList from '../components/OrderList';
+
+const OrderPage = props => (
+  <div>
+    <PleaseSignIn>
+      <OrderList />
+    </PleaseSignIn>
+  </div>
+);
+
+export default OrderPage;
diff --git a/finished-application/frontend/pages/permissions.js b/finished-application/frontend/pages/permissions.js
new file mode 100644
index 0000000..de58c51
--- /dev/null
+++ b/finished-application/frontend/pages/permissions.js
@@ -0,0 +1,12 @@
+import PleaseSignIn from '../components/PleaseSignIn';
+import Permissions from '../components/Permissions';
+
+const PermissionsPage = props => (
+  <div>
+    <PleaseSignIn>
+      <Permissions />
+    </PleaseSignIn>
+  </div>
+);
+
+export default PermissionsPage;
diff --git a/finished-application/frontend/pages/reset.js b/finished-application/frontend/pages/reset.js
new file mode 100644
index 0000000..118ba72
--- /dev/null
+++ b/finished-application/frontend/pages/reset.js
@@ -0,0 +1,10 @@
+import Reset from '../components/Reset';
+
+const Sell = props => (
+  <div>
+    <p>Reset Your Password {props.query.resetToken}</p>
+    <Reset resetToken={props.query.resetToken} />
+  </div>
+);
+
+export default Sell;
diff --git a/finished-application/frontend/pages/sell.js b/finished-application/frontend/pages/sell.js
new file mode 100644
index 0000000..b60ae80
--- /dev/null
+++ b/finished-application/frontend/pages/sell.js
@@ -0,0 +1,12 @@
+import CreateItem from '../components/CreateItem';
+import PleaseSignIn from '../components/PleaseSignIn';
+
+const Sell = props => (
+  <div>
+    <PleaseSignIn>
+      <CreateItem />
+    </PleaseSignIn>
+  </div>
+);
+
+export default Sell;
diff --git a/finished-application/frontend/pages/signup.js b/finished-application/frontend/pages/signup.js
new file mode 100644
index 0000000..342cfea
--- /dev/null
+++ b/finished-application/frontend/pages/signup.js
@@ -0,0 +1,20 @@
+import Signup from '../components/Signup';
+import Signin from '../components/Signin';
+import RequestReset from '../components/RequestReset';
+import styled from 'styled-components';
+
+const Columns = styled.div`
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  grid-gap: 20px;
+`;
+
+const SignupPage = props => (
+  <Columns>
+    <Signup />
+    <Signin />
+    <RequestReset />
+  </Columns>
+);
+
+export default SignupPage;
diff --git a/finished-application/frontend/pages/update.js b/finished-application/frontend/pages/update.js
new file mode 100644
index 0000000..ba9d525
--- /dev/null
+++ b/finished-application/frontend/pages/update.js
@@ -0,0 +1,9 @@
+import UpdateItem from '../components/UpdateItem';
+
+const Sell = ({ query }) => (
+  <div>
+    <UpdateItem id={query.id} />
+  </div>
+);
+
+export default Sell;