From 623d81270b7b43258d720dcc7e18b4236dd7a00a Mon Sep 17 00:00:00 2001 From: Rinat Date: Sun, 23 Feb 2025 21:03:37 +0300 Subject: [PATCH 1/2] feat: configure shadcn --- packages/nextjs/app/layout.tsx | 2 +- packages/nextjs/components.json | 21 ++++++ .../nextjs/components/scaffold-eth/Faucet.tsx | 14 ++++ packages/nextjs/components/ui/input.tsx | 21 ++++++ packages/nextjs/lib/utils.ts | 6 ++ packages/nextjs/package.json | 5 ++ packages/nextjs/styles/globals.css | 71 ++++++++++++++++++- packages/nextjs/tailwind.config.js | 52 +++++++++++++- yarn.lock | 41 ++++++++++- 9 files changed, 226 insertions(+), 7 deletions(-) create mode 100644 packages/nextjs/components.json create mode 100644 packages/nextjs/components/ui/input.tsx create mode 100644 packages/nextjs/lib/utils.ts diff --git a/packages/nextjs/app/layout.tsx b/packages/nextjs/app/layout.tsx index be1234b59..42d783677 100644 --- a/packages/nextjs/app/layout.tsx +++ b/packages/nextjs/app/layout.tsx @@ -13,7 +13,7 @@ const ScaffoldEthApp = ({ children }: { children: React.ReactNode }) => { return ( - + {children} diff --git a/packages/nextjs/components.json b/packages/nextjs/components.json new file mode 100644 index 000000000..ddcc5dd1a --- /dev/null +++ b/packages/nextjs/components.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://ui.shadcn.com/schema.json", + "style": "new-york", + "rsc": true, + "tsx": true, + "tailwind": { + "config": "tailwind.config.js", + "css": "styles/globals.css", + "baseColor": "zinc", + "cssVariables": true, + "prefix": "" + }, + "aliases": { + "components": "~~/components", + "utils": "~~/lib/utils", + "ui": "~~/components/ui", + "lib": "~~/lib", + "hooks": "~~/hooks" + }, + "iconLibrary": "lucide" +} \ No newline at end of file diff --git a/packages/nextjs/components/scaffold-eth/Faucet.tsx b/packages/nextjs/components/scaffold-eth/Faucet.tsx index 569a923f1..c0589a6d1 100644 --- a/packages/nextjs/components/scaffold-eth/Faucet.tsx +++ b/packages/nextjs/components/scaffold-eth/Faucet.tsx @@ -1,6 +1,8 @@ "use client"; import { useEffect, useState } from "react"; +import { AddressInput2 } from "./Input/AddressInput2"; +import { CustomAddressInput } from "./Input/CustomAddressInput"; import { Address as AddressType, createWalletClient, http, parseEther } from "viem"; import { hardhat } from "viem/chains"; import { useAccount } from "wagmi"; @@ -23,6 +25,8 @@ const localWalletClient = createWalletClient({ export const Faucet = () => { const [loading, setLoading] = useState(false); const [inputAddress, setInputAddress] = useState(); + const [inputAddress2, setInputAddress2] = useState(); + const [inputAddress3, setInputAddress3] = useState(); const [faucetAddress, setFaucetAddress] = useState(); const [sendValue, setSendValue] = useState(""); @@ -111,6 +115,16 @@ export const Faucet = () => { value={inputAddress ?? ""} onChange={value => setInputAddress(value as AddressType)} /> + setInputAddress2(value as AddressType)} + /> + setInputAddress3(value as AddressType)} + /> setSendValue(value)} />