next.js/examples/with-apollo-and-redux/components/ErrorMessage.js

export default ({ message }) => (
  <aside>
    {message}
    <style jsx>{`
      aside {
        padding: 1.5em;
        font-size: 14px;
        color: white;
        background-color: red;
      }
    `}</style>
  </aside>
)
[fix] apollo-redux: Separate out entire example #3463 (#3629) * [fix] apollo-redux: Separate out entire example #3463 Apollo and Redux are completely separate ways of managing state. This example serves as a conduit if you were using Apollo 1.X with Redux, and are migrating to Apollo 2.x, however, you have chosen not to manage your entire application state within Apollo (`apollo-link-state`). There is no "withData" function that allows you to call either/or. You must call "withRedux" and/or "withApollo" on your Component. They can be combined in the example at `index.js` or remain separate as seen in `apollo.js` and `redux.js`. Going forward, this example may go the way of the dodo. * [chore] reformat code to match next syntax Localize prettier sometimes has a mind of its own. 😄️ * Fix linting 2018-01-31 09:40:32 +00:00			`export default ({ message }) => (`
Better data fetching error handling for Apollo examples (#2227) * Display data fetching errors in Apollo examples. * Prevent Apollo GraphQL errors from crashing SSR. Also tidied a few comments in the vicinity. 2017-07-01 21:56:12 +00:00			`<aside>`
			`{message}`
			<style jsx>{`
			`aside {`
			`padding: 1.5em;`
			`font-size: 14px;`
			`color: white;`
			`background-color: red;`
			`}`
			`}</style>
			`</aside>`
			`)`