feat: move to nextjs

2024-05-07 00:18:18 +10:00
parent 602ae4389e
commit 032785a316
49 changed files with 9867 additions and 8425 deletions
--- a/app/icon.png
+++ b/app/icon.png
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -0,0 +1,17 @@
+import { IndexLayout as IndexLayoutC } from "@/components/layouts/IndexLayout";
+import { getMetadata } from "@/utils";
+
+export const metadata = getMetadata({
+  title: "Impersonator",
+  description:
+    "Impersonate any Ethereum Account and Login into DApps via WalletConnect, iframe or Extension!",
+  images: "https://www.impersonator.xyz/metaIMG.PNG",
+});
+
+export default function IndexLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <IndexLayoutC>{children}</IndexLayoutC>;
+}
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -0,0 +1,15 @@
+import Body from "@/components/Body";
+import Navbar from "@/components/Navbar";
+import Footer from "@/components/Footer";
+
+const Home = () => {
+  return (
+    <div>
+      <Navbar />
+      <Body />
+      <Footer />
+    </div>
+  );
+};
+
+export default Home;
--- a/app/providers.tsx
+++ b/app/providers.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import "@rainbow-me/rainbowkit/styles.css";
+
+import { CacheProvider } from "@chakra-ui/next-js";
+import { ChakraProvider } from "@chakra-ui/react";
+import {
+  connectorsForWallets,
+  RainbowKitProvider,
+  darkTheme,
+} from "@rainbow-me/rainbowkit";
+import {
+  metaMaskWallet,
+  walletConnectWallet,
+  rainbowWallet,
+} from "@rainbow-me/rainbowkit/wallets";
+import { configureChains, createConfig, WagmiConfig } from "wagmi";
+import { mainnet, optimism, base, arbitrum } from "wagmi/chains";
+import { publicProvider } from "wagmi/providers/public";
+
+import theme from "@/style/theme";
+import { SafeInjectProvider } from "@/contexts/SafeInjectContext";
+
+const { chains, publicClient } = configureChains(
+  // the first chain is used by rainbowWallet to determine which chain to use
+  [mainnet, optimism, base, arbitrum],
+  [publicProvider()]
+);
+
+const projectId = process.env.NEXT_PUBLIC_WC_PROJECT_ID!;
+const connectors = connectorsForWallets([
+  {
+    groupName: "Recommended",
+    wallets: [
+      metaMaskWallet({ projectId, chains }),
+      walletConnectWallet({ projectId, chains }),
+      rainbowWallet({ projectId, chains }),
+    ],
+  },
+]);
+
+export const wagmiConfig = createConfig({
+  autoConnect: false,
+  connectors,
+  publicClient,
+});
+
+export const Providers = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <CacheProvider>
+      <ChakraProvider theme={theme}>
+        <WagmiConfig config={wagmiConfig}>
+          <RainbowKitProvider
+            chains={chains}
+            theme={darkTheme()}
+            modalSize={"compact"}
+          >
+            <SafeInjectProvider>{children}</SafeInjectProvider>
+          </RainbowKitProvider>
+        </WagmiConfig>
+      </ChakraProvider>
+    </CacheProvider>
+  );
+};