feat: Navbar from UI2 (#572)

* feat: Navbar from UI2

* feat: update build size in dockerfile

.github/workflows/deploy_master.yml

@@ -6,9 +6,12 @@ on:
       - master
 
 jobs:
-
   build-push:
     runs-on: ubuntu-20.04
+
+    env:
+      NODE_OPTIONS: "--max_old_space_size=4096"
+
     outputs:
       registry-path: ${{ steps.push-to-quay.outputs.registry-path }}
       registry-paths: ${{ steps.push-to-quay.outputs.registry-paths }}
@@ -25,7 +28,7 @@ jobs:
         with:
           node-version: 18.x
           registry-url: https://registry.npmjs.org/
-          cache: 'npm'
+          cache: "npm"
 
       - name: installing
         run: npm install

.github/workflows/pull-request.yml

@@ -9,7 +9,6 @@ on:
       - synchronize
 
 jobs:
-
   release:
     runs-on: ubuntu-20.04
 
@@ -25,7 +24,7 @@ jobs:
         with:
           node-version: 18.x
           registry-url: https://registry.npmjs.org/
-          cache: 'npm'
+          cache: "npm"
 
       - name: installing
         run: npm install

Dockerfile

@@ -39,9 +39,9 @@ COPY ./gatsby-node.js       /app/gatsby-node.js
 COPY ./gatsby-ssr.js        /app/gatsby-ssr.js
 COPY ./tsconfig.json        /app/tsconfig.json
 
-RUN NODE_OPTIONS="--max-old-space-size=2048" npm run build:server
-# RUN NODE_OPTIONS="--max-old-space-size=2048" npm run build:sw
-RUN NODE_OPTIONS="--max-old-space-size=2048" npm run build:front -- --prefix-paths
+RUN NODE_OPTIONS="--max-old-space-size=4096" npm run build:server
+# RUN NODE_OPTIONS="--max-old-space-size=4096" npm run build:sw
+RUN NODE_OPTIONS="--max-old-space-size=4096" npm run build:front -- --prefix-paths
 RUN npm prune --production
 
 FROM node:18.8-alpine

gatsby-browser.js

@@ -22,14 +22,20 @@ import "decentraland-ui/dist/themes/alternative/light-theme.css"
 import "decentraland-gatsby/dist/variables.css"
 // eslint-disable-next-line css-import-order/css-import-order
 import "./src/theme.css"
-import Layout from "decentraland-gatsby/dist/components/Layout/Layout"
+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 ShareProvider from "decentraland-gatsby/dist/context/Share/ShareProvider"
 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 {
+  CssBaseline,
+  Experimental_CssVarsProvider as CssVarsProvider,
+  lightTheme,
+} from "decentraland-ui2"
+
 import { TrackingPlacesSearchProvider } from "./src/context/TrackingContext"
 
 export const registerServiceWorker = () => true
@@ -40,7 +46,12 @@ export const wrapRootElement = ({ element }) => (
   <AuthProvider sso={ssoUrl}>
     <TrackingPlacesSearchProvider>
       <FeatureFlagProvider applicationName={["places", "dapps"]}>
-        <ShareProvider>{element}</ShareProvider>
+        <ShareProvider>
+          <CssVarsProvider theme={lightTheme}>
+            <CssBaseline />
+            {element}
+          </CssVarsProvider>
+        </ShareProvider>
       </FeatureFlagProvider>
     </TrackingPlacesSearchProvider>
   </AuthProvider>
@@ -49,9 +60,9 @@ export const wrapRootElement = ({ element }) => (
 export const wrapPageElement = ({ element, props }) => {
   return (
     <IntlProvider {...props.pageContext.intl}>
-      <Layout {...props} activePage="explorer">
+      <Layout2 {...props} activePage="explorer">
         {element}
-      </Layout>
+      </Layout2>
     </IntlProvider>
   )
 }