OnChain DAOs on Etherlink

.vscode/settings.json

@@ -7,5 +7,8 @@
   "editor.defaultFormatterOld": "dbaeumer.vscode-eslint",
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

netlify.toml

@@ -0,0 +1,11 @@
+[[redirects]]
+    from = "/explorer/dao/KT1DNHADdFxHM6mRKTgyJmchW5ELxcoW1aSh/overview"
+    to = "https://v1.tezos-homebase.io/explorer/dao/KT1DNHADdFxHM6mRKTgyJmchW5ELxcoW1aSh/overview"
+    status = 302
+    force = true
+
+[[redirects]]
+    from = "/*"
+    to = "/index.html"
+    status = 200
+

package.json

@@ -42,7 +42,7 @@
     "@types/valid-url": "^1.0.4",
     "@wagmi/core": "2.13.4",
     "assert": "^2.0.0",
-    "assert-never": "^1.2.1",
+    "assert-never": "^1.3.0",
     "bignumber.js": "^9.0.1",
     "blockies-ts": "^1.0.0",
     "caniuse-lite": "",
@@ -51,6 +51,7 @@
     "dayjs": "^1.11.11",
     "ethers": "^6.13.1",
     "export-to-csv": "^1.2.4",
+    "firebase": "11.0.2",
     "formik": "^2.2.6",
     "formik-material-ui": "^3.0.1",
     "graphql": "^15.5.1",
@@ -59,7 +60,6 @@
     "html-react-parser": "^5.0.6",
     "https-browserify": "^1.0.0",
     "jsonschema": "^1.4.0",
-    "launchdarkly-react-client-sdk": "2.27.0",
     "mixpanel-browser": "^2.42.0",
     "notistack": "^1.0.3",
     "numbro": "^2.4.0",

src/App.tsx

@@ -1,15 +1,11 @@
 import React from "react"
 import "App.css"
-import { withLDProvider } from "launchdarkly-react-client-sdk"
+
 import { BrowserRouter as Router, Redirect, Route, Switch } from "react-router-dom"
 import mixpanel from "mixpanel-browser"
 import { QueryClient, QueryClientProvider } from "react-query"
-import {
-  QueryClient as TanStackQueryClient,
-  QueryClientProvider as TanStackQueryClientProvider
-} from "@tanstack/react-query"
 
-import { Box, makeStyles, ThemeProvider } from "@material-ui/core"
+import { Box, ThemeProvider, styled } from "@material-ui/core"
 import { SnackbarProvider } from "notistack"
 
 import { DAOExplorerRouter } from "modules/explorer/router"
@@ -30,6 +26,7 @@ import { DAOCreatorRouter } from "modules/creator/router"
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider"
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs"
 import { CommunityCreator } from "modules/lite/creator"
+import { EtherlinkDAOCreatorRouter } from "modules/etherlink/router"
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -45,31 +42,31 @@ const queryClient = new QueryClient({
   }
 })
 
-const styles = makeStyles({
-  success: {
-    backgroundColor: "#4BCF93 !important",
-    padding: "6px 28px",
-    height: 54,
-    fontSize: 13,
-    lineHeight: "0px",
-    opacity: 1
-  },
-  error: {
-    backgroundColor: "#ED254E !important",
-    padding: "6px 28px",
-    height: 54,
-    fontSize: 13,
-    lineHeight: "0px",
-    opacity: 1
-  },
-  info: {
-    backgroundColor: "#3866F9 !important",
-    padding: "6px 28px",
-    height: 54,
-    fontSize: 13,
-    lineHeight: "0px",
-    opacity: 1
-  }
+const SuccessSnackbar = styled("div")({
+  backgroundColor: "#4BCF93 !important",
+  padding: "6px 28px",
+  height: 54,
+  fontSize: 13,
+  lineHeight: "0px",
+  opacity: 1
+})
+
+const ErrorSnackbar = styled("div")({
+  backgroundColor: "#ED254E !important",
+  padding: "6px 28px",
+  height: 54,
+  fontSize: 13,
+  lineHeight: "0px",
+  opacity: 1
+})
+
+const InfoSnackbar = styled("div")({
+  backgroundColor: "#3866F9 !important",
+  padding: "6px 28px",
+  height: 54,
+  fontSize: 13,
+  lineHeight: "0px",
+  opacity: 1
 })
 
 const MIXPANEL_TOKEN = getEnv(EnvKey.REACT_APP_MIXPANEL_TOKEN)
@@ -89,15 +86,13 @@ mixpanel.init(MIXPANEL_TOKEN, {
 mixpanel.track("Visit")
 
 const App: React.FC = () => {
-  const classes = styles()
-
   return (
     <ThemeProvider theme={theme}>
       <SnackbarProvider
         classes={{
-          variantSuccess: classes.success,
-          variantError: classes.error,
-          variantInfo: classes.info
+          variantSuccess: SuccessSnackbar.toString(),
+          variantError: ErrorSnackbar.toString(),
+          variantInfo: InfoSnackbar.toString()
         }}
       >
         <WagmiProvider config={wagmiConfig}>
@@ -109,6 +104,11 @@ const App: React.FC = () => {
                   <Router>
                     <ScrollToTop />
                     <Switch>
+                      <Route path="/creator-evm">
+                        <ThemeProvider theme={legacyTheme}>
+                          <EtherlinkDAOCreatorRouter />
+                        </ThemeProvider>
+                      </Route>
                       <Route path="/creator">
                         <CreatorProvider>
                           <ThemeProvider theme={legacyTheme}>
@@ -162,7 +162,4 @@ const App: React.FC = () => {
 
 const env = getEnv(EnvKey.REACT_APP_ENV)
 
-export default withLDProvider({
-  clientSideID:
-    env === "PROD" ? getEnv(EnvKey.REACT_APP_LAUNCH_DARKLY_SDK_PROD) : getEnv(EnvKey.REACT_APP_LAUNCH_DARKLY_SDK_DEV)
-})(App)
+export default App