You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.0 KiB
JavaScript
47 lines
1.0 KiB
JavaScript
import React from "react"
|
|
import PropTypes from "prop-types"
|
|
import axios from 'axios'
|
|
|
|
import Header from '~/components/header'
|
|
import Footer from '~/components/footer'
|
|
import "../styles/layout.css"
|
|
|
|
Layout.getInitialProps = async ({Component, ctx}) => {
|
|
// Configure axios instance
|
|
ctx.axios = axios.create({
|
|
headers: (ctx.req && ctx.req.headers && ctx.req.headers.cookie)
|
|
? {cookie: ctx.req.headers.cookie}
|
|
: undefined
|
|
})
|
|
|
|
const promises = {
|
|
user: ctx.axios.get(`/api/auth`),
|
|
cart: ctx.axios.get(`/api/cart`)
|
|
}
|
|
|
|
const {data: user} = await promises.user
|
|
const {data: cart} = await promises.cart
|
|
|
|
let pageProps = {};
|
|
if(Component.getInitialProps)
|
|
pageProps = await Component.getInitialProps({ctx})
|
|
|
|
return {pageProps, user, cart}
|
|
}
|
|
|
|
function Layout({ Component, pageProps, user, cart }){
|
|
return (
|
|
<>
|
|
<Header user={user} />
|
|
<main><Component {...{user, cart, ...pageProps}} /></main>
|
|
<Footer/>
|
|
</>
|
|
)
|
|
}
|
|
|
|
Layout.propTypes = {
|
|
pageProps: PropTypes.object
|
|
}
|
|
|
|
export default Layout
|