From 8f2c595eca30e2d7138c8e8d6685774a8f44e55d Mon Sep 17 00:00:00 2001 From: Wes Bos Date: Thu, 15 Feb 2018 16:59:58 -0500 Subject: omg --- frontend/pages/_document.js | 26 ++++++++++++++++++++++++++ frontend/pages/cart.js | 21 --------------------- frontend/pages/index.js | 13 +++++-------- frontend/pages/orders.js | 8 ++------ 4 files changed, 33 insertions(+), 35 deletions(-) create mode 100644 frontend/pages/_document.js delete mode 100644 frontend/pages/cart.js (limited to 'frontend/pages') 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()); + const styleTags = sheet.getStyleElement(); + return { ...page, styleTags }; + } + + render() { + return ( + + + My page + {this.props.styleTags} + + +
+ + + + ); + } +} 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 ( - -

My Cart

- - - ); - } -} - -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 ( -

Hello

 ); }; 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 (

My Orders

- + - ) + ); } } -- cgit v1.3