import "firebase/database"
import React from "react"
import Layout from "./src/components/Layout/Layout"

import "gatsby-remark-vscode/styles.css"

import "./src/styles/global.scss"
import "./src/components/Header/Header.scss"
import "./src/components/About/About.scss"
import "./src/components/Offers/Offers.scss"
import "./src/components/Articles/Articles.scss"
import "./src/components/Articles/ArticleCard/ArticleCard.scss"
import "./src/components/Newsletter/Newsletter.scss"
import "./src/components/Article/Article.scss"
import "./src/components/Snippet/Snippet.scss"
import "./src/components/Snippets/Snippets.scss"
import "./src/components/Articles/MoreArticles/MoreArticles.scss"
import "./src/components/Books/Books.scss"
import "./src/components/Contacts/Contacts.scss"
import "./src/components/Footer/Footer.scss"

export const shouldUpdateScroll = ({ routerProps: { location } }) => {
  const { pathname } = location
  const stopScrollLinks = ["/articles/"]

  if (stopScrollLinks.includes(pathname)) return false

  return window.scrollTo(0, 0)
}

export const wrapPageElement = ({ element, props }) => {
  const { location: { pathname } } = props
  pathname.includes('/article/amp') ? props.amp = true : props.amp = false

  return <Layout {...props}>{element}</Layout>
}