From cbe456e0f839c9ddfccda1059b440dbd2b117c65 Mon Sep 17 00:00:00 2001 From: ONEONUORA Date: Sat, 7 Jun 2025 03:00:13 -0700 Subject: [PATCH] feat: add connect wallet functionality --- next.config.js | 10 +- public/Avater.svg | 10 + src/app/layout.tsx | 7 +- src/components/blockchain/Providers.tsx | 60 ++++- .../blockchain/Wallet-connect-modal.tsx | 184 +++++++++++++ .../blockchain/Wallet-disconnect-modal.tsx | 123 +++++++++ src/components/blockchain/WalletConnector.tsx | 9 - src/components/blockchain/WalletProvider.tsx | 80 ++++++ src/components/landingpage/NavBar.tsx | 241 ++++++++++++++---- src/components/motion/Animation-wrapper.tsx | 85 ++++++ 10 files changed, 738 insertions(+), 71 deletions(-) create mode 100644 public/Avater.svg create mode 100644 src/components/blockchain/Wallet-connect-modal.tsx create mode 100644 src/components/blockchain/Wallet-disconnect-modal.tsx delete mode 100644 src/components/blockchain/WalletConnector.tsx create mode 100644 src/components/blockchain/WalletProvider.tsx create mode 100644 src/components/motion/Animation-wrapper.tsx diff --git a/next.config.js b/next.config.js index 2431ee9..8a35c52 100644 --- a/next.config.js +++ b/next.config.js @@ -9,4 +9,12 @@ const nextConfig = { }, }; -export default nextConfig; \ No newline at end of file +// export default nextConfig; + + +// /** @type {import('next').NextConfig} */ +// const nextConfig = {}; + +// module.exports = nextConfig; + + diff --git a/public/Avater.svg b/public/Avater.svg new file mode 100644 index 0000000..91ecb50 --- /dev/null +++ b/public/Avater.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/app/layout.tsx b/src/app/layout.tsx index fb17e01..1cfd19d 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,8 +1,9 @@ import type { Metadata } from "next"; import "./globals.css"; import NavBar from "@/components/landingpage/NavBar"; -import { Providers } from "@/components/blockchain/Providers"; import Footer from "@/components/landingpage/Footer"; +import { WalletProvider } from "../components/blockchain/WalletProvider"; +import { StarknetProvider } from "../components/blockchain/Providers"; export const metadata: Metadata = { title: "ChainLib", @@ -18,7 +19,9 @@ export default function RootLayout({ - {children} + + {children} +