diff --git a/landing/landing.react.js b/landing/landing.react.js
--- a/landing/landing.react.js
+++ b/landing/landing.react.js
@@ -9,6 +9,7 @@
import Keyservers from './keyservers.react';
import Privacy from './privacy.react';
import QR from './qr.react';
+import SIWE from './siwe.react';
import Support from './support.react';
import Team from './team.react';
import Terms from './terms.react';
@@ -24,6 +25,7 @@
const onKeyservers = useRouteMatch({ path: '/keyservers' });
const onQR = useRouteMatch({ path: '/qr' });
const onTeam = useRouteMatch({ path: '/team' });
+ const onSIWE = useRouteMatch({ path: '/siwe' });
const activePage = React.useMemo(() => {
if (onPrivacy) {
@@ -38,10 +40,12 @@
return ;
} else if (onTeam) {
return ;
+ } else if (onSIWE) {
+ return ;
} else {
return ;
}
- }, [onKeyservers, onPrivacy, onSupport, onTerms, onTeam, onQR]);
+ }, [onKeyservers, onPrivacy, onSupport, onTerms, onTeam, onQR, onSIWE]);
let header;
if (!onQR) {
diff --git a/landing/root.js b/landing/root.js
--- a/landing/root.js
+++ b/landing/root.js
@@ -1,18 +1,46 @@
// @flow
+import { getDefaultWallets, RainbowKitProvider } from '@rainbow-me/rainbowkit';
import * as React from 'react';
import { hot } from 'react-hot-loader/root';
import { BrowserRouter } from 'react-router-dom';
+import '@rainbow-me/rainbowkit/dist/index.css';
+import { chain, configureChains, createClient, WagmiConfig } from 'wagmi';
+// import { alchemyProvider } from 'wagmi/providers/alchemy';
+import { publicProvider } from 'wagmi/providers/public';
import Landing from './landing.react';
+const { chains, provider } = configureChains(
+ [chain.mainnet, chain.polygon, chain.optimism, chain.arbitrum],
+ [
+ // alchemyProvider({ alchemyId: process.env.ALCHEMY_ID }),
+ publicProvider(),
+ ],
+);
+
+const { connectors } = getDefaultWallets({
+ appName: 'comm',
+ chains,
+});
+
+const wagmiClient = createClient({
+ autoConnect: true,
+ connectors,
+ provider,
+});
+
declare var routerBasename: string;
function RootComponent() {
return (
-
-
-
+
+
+
+
+
+
+
);
}
diff --git a/landing/siwe.css b/landing/siwe.css
new file mode 100644
--- /dev/null
+++ b/landing/siwe.css
@@ -0,0 +1,11 @@
+div {
+ justify-content: center;
+ align-content: center;
+ padding-top: 20px;
+ padding-bottom: 50px;
+}
+
+h1 {
+ text-align: center;
+ margin-bottom: 20px;
+}
diff --git a/landing/siwe.react.js b/landing/siwe.react.js
new file mode 100644
--- /dev/null
+++ b/landing/siwe.react.js
@@ -0,0 +1,16 @@
+// @flow
+
+import { ConnectButton } from '@rainbow-me/rainbowkit';
+import * as React from 'react';
+import './siwe.css';
+
+function SIWE(): React.Node {
+ return (
+
+
SIWE
+
+
+ );
+}
+
+export default SIWE;