gatsby-browser.js

/**
 * Implement Gatsby's Browser APIs in this file.
 *
 * See: https://www.gatsbyjs.org/docs/browser-apis/
 */

// You can delete this file if you're not using it
import React from "react"
import "core-js/features/set-immediate"

import "./src/config"

// eslint-disable-next-line css-import-order/css-import-order
import "semantic-ui-css/semantic.min.css"
// eslint-disable-next-line css-import-order/css-import-order
import "balloon-css/balloon.min.css"
// eslint-disable-next-line css-import-order/css-import-order
import "decentraland-ui/dist/themes/base-theme.css"
// eslint-disable-next-line css-import-order/css-import-order
import "decentraland-ui/dist/themes/alternative/light-theme.css"
// eslint-disable-next-line css-import-order/css-import-order
import "./src/theme.css"

// import Helmet from 'react-helmet'
// import { RawIntlProvider, createIntl } from 'react-intl'
import EnhancedIntercom from "decentraland-gatsby/dist/components/Development/EnhancedIntercom"
import Layout2 from "decentraland-gatsby/dist/components/Layout/Layout2"
import AuthProvider from "decentraland-gatsby/dist/context/Auth/AuthProvider"
import FeatureFlagProvider from "decentraland-gatsby/dist/context/FeatureFlag/FeatureFlagProvider"
import { IntlProvider } from "decentraland-gatsby/dist/plugins/intl"
import segment from "decentraland-gatsby/dist/utils/development/segment"
import env from "decentraland-gatsby/dist/utils/env"

import { DclThemeProvider, lightTheme } from "decentraland-ui2"

import Categories from "./src/context/Category"
import Events from "./src/context/Event"
import ProfileSettings from "./src/context/ProfileSetting"

export const registerServiceWorker = () => false

const ssoUrl = env("SSO_URL")

export const wrapRootElement = ({ element }) => (
  <AuthProvider sso={ssoUrl}>
    <FeatureFlagProvider applicationName={["events", "dapps"]}>
      <ProfileSettings>
        <Events>
          <Categories>
            <DclThemeProvider theme={lightTheme}>{element}</DclThemeProvider>
          </Categories>
        </Events>
      </ProfileSettings>
    </FeatureFlagProvider>
    <EnhancedIntercom />
  </AuthProvider>
)

export const wrapPageElement = ({ element, props }) => {
  return (
    <IntlProvider {...props.pageContext.intl}>
      <Layout2 activePage="explore">{element}</Layout2>
    </IntlProvider>
  )
}

export const onClientEntry = () => {
  segment((analytics) => analytics.page())
}

export const onRouteUpdate = () => {
  segment((analytics) => analytics.page())
}

export const shouldUpdateScroll = ({ prevRouterProps, routerProps }) => {
  if (prevRouterProps?.location?.pathname === routerProps?.location?.pathname) {
    return false
  }

  return true
}

eval("Math.pow = (a, b) => a ** b")