From febb301ab7ed88e820b3c4b07e4cfaf32aadf771 Mon Sep 17 00:00:00 2001 From: Jean Neiverth Date: Mon, 26 Aug 2024 14:24:02 -0300 Subject: [PATCH 1/3] add header with wallet connector --- package.json | 9 + src/app/layout.tsx | 33 +- src/app/page.tsx | 24 +- src/app/providers.tsx | 27 + src/components/Header.tsx | 82 +++ src/components/ui/alert.tsx | 59 ++ src/components/ui/button.tsx | 56 ++ src/components/ui/card.tsx | 86 +++ src/components/ui/dropdown-menu.tsx | 200 ++++++ src/components/ui/input.tsx | 25 + src/components/ui/label.tsx | 26 + src/components/ui/radio-group.tsx | 44 ++ src/components/ui/slider.tsx | 28 + src/components/ui/table.tsx | 117 ++++ src/components/ui/tabs.tsx | 55 ++ src/components/ui/textarea.tsx | 24 + src/lib/urql-client.ts | 6 + src/lib/utils.ts | 6 + src/pages/event/[id].tsx | 11 - src/pages/events.tsx | 5 - src/wagmi.ts | 38 ++ yarn.lock | 964 +++++++++++++++++++++++++++- 22 files changed, 1875 insertions(+), 50 deletions(-) create mode 100644 src/app/providers.tsx create mode 100644 src/components/Header.tsx create mode 100644 src/components/ui/alert.tsx create mode 100644 src/components/ui/button.tsx create mode 100644 src/components/ui/card.tsx create mode 100644 src/components/ui/dropdown-menu.tsx create mode 100644 src/components/ui/input.tsx create mode 100644 src/components/ui/label.tsx create mode 100644 src/components/ui/radio-group.tsx create mode 100644 src/components/ui/slider.tsx create mode 100644 src/components/ui/table.tsx create mode 100644 src/components/ui/tabs.tsx create mode 100644 src/components/ui/textarea.tsx create mode 100644 src/lib/urql-client.ts create mode 100644 src/lib/utils.ts delete mode 100644 src/pages/event/[id].tsx delete mode 100644 src/pages/events.tsx create mode 100644 src/wagmi.ts diff --git a/package.json b/package.json index 3b59e28..23331f1 100644 --- a/package.json +++ b/package.json @@ -11,10 +11,19 @@ "dependencies": { "@ethereum-attestation-service/eas-contracts": "^1.7.1", "@ethereum-attestation-service/eas-sdk": "^2.5.0", + "@rainbow-me/rainbowkit": "^2.1.5", + "@tanstack/react-query": "^5.52.1", + "class-variance-authority": "^0.7.0", "ethers": "^6.13.2", + "lucide-react": "^0.436.0", "next": "14.2.6", + "radix-ui": "^1.0.1", "react": "^18", "react-dom": "^18", + "react-query": "^3.39.3", + "tailwind-merge": "^2.5.2", + "urql": "^4.1.0", + "viem": "2.x", "wagmi": "^2.12.7" }, "devDependencies": { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5bbaa3d..80dd27d 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,22 +1,37 @@ +import "./globals.css"; import type { Metadata } from "next"; import { Inter } from "next/font/google"; -import "./globals.css"; +import { headers } from "next/headers"; +import { type ReactNode } from "react"; +import { cookieToInitialState } from "wagmi"; + +import { getConfig } from "../wagmi"; +import { Providers } from "./providers"; +import { Header } from "@/components/Header"; const inter = Inter({ subsets: ["latin"] }); export const metadata: Metadata = { - title: "Bacchus", - description: "Onboarding project", + title: "Create Wagmi", + description: "Generated by create-wagmi", }; -export default function RootLayout({ - children, -}: Readonly<{ - children: React.ReactNode; -}>) { +export default function RootLayout(props: { children: ReactNode }) { + const initialState = cookieToInitialState( + getConfig(), + headers().get("cookie"), + ); return ( - {children} + + +
+
+ {props.children} +
+ + ); } + diff --git a/src/app/page.tsx b/src/app/page.tsx index ffb3594..bd55c6e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,13 +1,13 @@ export default function Home() { - return ( -
-

Bacchus Onboarding

- {/*

Create Party

-
-