feat: Navbar from UI2

decentraland · Jan 2, 2025 · 407541f · 407541f
1 parent 37dc433
commit 407541f
Show file tree

Hide file tree

Showing 3 changed files with 882 additions and 122 deletions.
diff --git a/gatsby-browser.js b/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>
   )
 }