45 lines
1.0 KiB
JavaScript
45 lines
1.0 KiB
JavaScript
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { About, Blog, Home, Wrapper } from '../components'
|
|
|
|
export default class MainContainer extends Component {
|
|
static propTypes = {
|
|
staticContext: PropTypes.object
|
|
}
|
|
|
|
constructor (props) {
|
|
super(props)
|
|
|
|
let data
|
|
// eslint-disable-next-line no-undef
|
|
if (__isBrowser__) {
|
|
data = window.__INITIAL_DATA__
|
|
delete window.__INITIAL_DATA__
|
|
} else {
|
|
data = props.staticContext.data
|
|
}
|
|
|
|
this.state = {
|
|
isLoadingBlog: !data[0].posts,
|
|
isLoadingAbout: !data[0].other.about,
|
|
about: data[0].other.about,
|
|
posts: data[0].posts,
|
|
config: data[1]
|
|
}
|
|
}
|
|
|
|
render () {
|
|
return (
|
|
<div>
|
|
<Home config={this.state.config} />
|
|
<Wrapper flex={true}>
|
|
<About isLoading={this.state.isLoadingAbout}
|
|
about={this.state.about}/>
|
|
<Blog isLoading={this.state.isLoadingBlog}
|
|
posts={this.state.posts}/>
|
|
</Wrapper>
|
|
</div>
|
|
)
|
|
}
|
|
}
|