import React from 'react'
import PropTypes from 'prop-types'
import Link from 'gatsby-link'
import Helmet from 'react-helmet'

import imagesLoaded from 'imagesloaded'

import Loading from '../components/loading'

import FbImg from '../assets/fb.png'

import './index.css'

export default class TemplateWrapper extends React.Component {
  constructor() {
    super()
    this.state = {
      loading: true
    }
  }

  componentDidMount() {
    imagesLoaded( document.querySelector('body'), ( instance ) => {

      setTimeout(() => {
        this.setState({
          loadingFade: true
        })
        setTimeout(() => {
          this.setState({
            loading: false
          })
        }, 800)     
      },800);

    });
  }
  render() {
    console.log(this.props)
    return (
      <div>
        <Helmet
          title="Ana Paula Fonseca - Fotografia"
          meta={[
            { name: 'description', content: 'O meu portfólio de fotografia.' },
            { name: 'keywords', content: 'photo, fotografia, ana fonseca, aveiro, torreira, portfolio' },
            { name: 'theme-color', content: '#5899E2' },
            { name: 'og:image', content: `https://anapaula.art/${FbImg}` }
          ]}
        />
        {this.state.loading &&  <Loading fadeOut={this.state.loadingFade}></Loading> }
        {this.props.children()}
      </div>      
    )
  }

}

@@ -748,36 +748,8 @@
 ) %7B%0A
-    console.log(this.props)%0A
     

Remove log