diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-02-15 16:59:58 -0500 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-02-15 16:59:58 -0500 |
| commit | 8f2c595eca30e2d7138c8e8d6685774a8f44e55d (patch) | |
| tree | 3408b9c8eb3b0ea43cb72e13e0bd6393ab5bac61 /frontend/pages | |
| parent | a09b01abf7c03e6b7e43f2175e5a34501808821b (diff) | |
omg
Diffstat (limited to 'frontend/pages')
| -rw-r--r-- | frontend/pages/_document.js | 26 | ||||
| -rw-r--r-- | frontend/pages/cart.js | 21 | ||||
| -rw-r--r-- | frontend/pages/index.js | 13 | ||||
| -rw-r--r-- | frontend/pages/orders.js | 8 |
4 files changed, 33 insertions, 35 deletions
diff --git a/frontend/pages/_document.js b/frontend/pages/_document.js new file mode 100644 index 0000000..e9a6570 --- /dev/null +++ b/frontend/pages/_document.js @@ -0,0 +1,26 @@ +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> + <title>My page</title> + {this.props.styleTags} + </Head> + <body> + <Main /> + <NextScript /> + </body> + </html> + ); + } +} diff --git a/frontend/pages/cart.js b/frontend/pages/cart.js deleted file mode 100644 index afdacf7..0000000 --- a/frontend/pages/cart.js +++ /dev/null @@ -1,21 +0,0 @@ -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 CartList from '../components/CartList'; - -class Orders extends Component { - render() { - return ( - <Page> - <h2>My Cart</h2> - <CartList /> - </Page> - ); - } -} - -export default withData(Orders); diff --git a/frontend/pages/index.js b/frontend/pages/index.js index 128ccf1..d4625c5 100644 --- a/frontend/pages/index.js +++ b/frontend/pages/index.js @@ -1,22 +1,19 @@ -import { Component } from "react"; -import PropTypes from "prop-types"; -import Items from "../components/Items"; -import Header from "../components/Header"; -import Page from "../components/Page"; -import withData from "../lib/withData"; +import PropTypes from 'prop-types'; +import Items from '../components/Items'; +import Page from '../components/Page'; +import withData from '../lib/withData'; const Home = props => { const page = parseInt(props.url.query.page) || 1; return ( <Page> - <p>Hello</p> <Items page={page} /> </Page> ); }; Home.propTypes = { - url: PropTypes.object + url: PropTypes.object.isRequired, }; export default withData(Home); diff --git a/frontend/pages/orders.js b/frontend/pages/orders.js index 4025868..15004a9 100644 --- a/frontend/pages/orders.js +++ b/frontend/pages/orders.js @@ -1,9 +1,5 @@ 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 OrderList from '../components/OrderList'; @@ -12,9 +8,9 @@ class Orders extends Component { return ( <Page> <h2>My Orders</h2> - <OrderList/> + <OrderList /> </Page> - ) + ); } } |