Skip to content

Commit b7216df

Browse files
marthendalnunesmarthendalnunes
authored
Feat: Cleanup Components (#2)
* feat: cleanup primitives * feat: add wagmi components * fix: transaction demo hash * feat: move account components to primitives * feat: add erc20 and erc721 components * chore: add erc20 select back to docs * fix: formatting
1 parent 19342e8 commit b7216df

File tree

229 files changed

+25062
-19747
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

229 files changed

+25062
-19747
lines changed

‎apps/www/__registry__/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
Files are auto-generated. Do not edit!
1+
Files are auto-generated. Do not edit!

‎apps/www/__registry__/index.tsx

+208-110
Large diffs are not rendered by default.

‎apps/www/app/examples/authentication/page.tsx

+3-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
11
import { Metadata } from "next"
2-
import Image from "next/image"
32
import Link from "next/link"
43

54
import { cn } from "@/lib/utils"
6-
import { AccountAddress } from "@/registry/default/buidl/account-address"
7-
import { AccountBlockie } from "@/registry/default/buidl/account-blockie"
85
import { Address } from "@/registry/default/buidl/address"
6+
import { Blockie } from "@/registry/default/buidl/blockie"
97
import { IsWalletConnected } from "@/registry/default/buidl/is-wallet-connected"
108
import { IsWalletDisconnected } from "@/registry/default/buidl/is-wallet-disconnected"
119
import { WalletConnect } from "@/registry/default/buidl/wallet-connect"
@@ -91,9 +89,9 @@ export default function AuthenticationPage() {
9189
</IsWalletDisconnected>
9290
<IsWalletConnected>
9391
<div className="flex items-center justify-center gap-x-2">
94-
<AccountBlockie />
92+
<Blockie />
9593
<Button size={"sm"} className="rounded-full">
96-
<AccountAddress truncate linkEnabled />
94+
<Address truncate link />
9795
</Button>
9896
<WalletDisconnect variant={"ghost"} size={"sm"} />
9997
</div>

‎apps/www/config/docs.ts

+71-36
Original file line numberDiff line numberDiff line change
@@ -70,16 +70,6 @@ export const docsConfig: DocsConfig = {
7070
href: "/docs/components/is-wallet-disconnected",
7171
items: [],
7272
},
73-
{
74-
title: "(WIP) Wallet Manage",
75-
href: "/docs/components/wallet-manage",
76-
items: [],
77-
},
78-
{
79-
title: "(WIP) Network Manage",
80-
href: "/docs/components/network-manage",
81-
items: [],
82-
},
8373
],
8474
},
8575
{
@@ -90,11 +80,46 @@ export const docsConfig: DocsConfig = {
9080
href: "/docs/components/address",
9181
items: [],
9282
},
83+
{
84+
title: "Balance",
85+
href: "/docs/components/balance",
86+
items: [],
87+
},
9388
{
9489
title: "Block Explorer Link",
9590
href: "/docs/components/block-explorer-link",
9691
items: [],
9792
},
93+
{
94+
title: "Block Number",
95+
href: "/docs/components/block-number",
96+
items: [],
97+
},
98+
{
99+
title: "Nonce",
100+
href: "/docs/components/nonce",
101+
items: [],
102+
},
103+
{
104+
title: "Transaction",
105+
href: "/docs/components/transaction",
106+
items: [],
107+
},
108+
{
109+
title: "Transaction Status",
110+
href: "/docs/components/transaction-status",
111+
items: [],
112+
},
113+
{
114+
title: "Fee Data",
115+
href: "/docs/components/fee-data",
116+
items: [],
117+
},
118+
{
119+
title: "Sign Message Button",
120+
href: "/docs/components/sign-message-button",
121+
items: [],
122+
},
98123
{
99124
title: "Blockie",
100125
href: "/docs/components/blockie",
@@ -110,6 +135,11 @@ export const docsConfig: DocsConfig = {
110135
href: "/docs/components/ens-name",
111136
items: [],
112137
},
138+
{
139+
title: "ENS Address",
140+
href: "/docs/components/ens-address",
141+
items: [],
142+
},
113143
{
114144
title: "Image IPFS",
115145
href: "/docs/components/image-ipfs",
@@ -118,71 +148,76 @@ export const docsConfig: DocsConfig = {
118148
],
119149
},
120150
{
121-
title: "Account",
151+
title: "ERC20",
122152
items: [
123153
{
124-
title: "Account Address",
125-
href: "/docs/components/account-address",
154+
title: "ERC20 Balance",
155+
href: "/docs/components/erc20-balance",
126156
items: [],
127157
},
128158
{
129-
title: "Account Balance",
130-
href: "/docs/components/account-balance",
159+
title: "ERC20 Decimals",
160+
href: "/docs/components/erc20-decimals",
131161
items: [],
132162
},
133163
{
134-
title: "Account Blockie",
135-
href: "/docs/components/account-blockie",
164+
title: "ERC20 Name",
165+
href: "/docs/components/erc20-name",
166+
items: [],
167+
},
168+
{
169+
title: "ERC20 Symbol",
170+
href: "/docs/components/erc20-symbol",
136171
items: [],
137172
},
138173
{
139-
title: "Account ENS Avatar",
140-
href: "/docs/components/account-ens-avatar",
174+
title: "ERC20 Total Supply",
175+
href: "/docs/components/erc20-total-supply",
141176
items: [],
142177
},
143178
{
144-
title: "Account ENS Name",
145-
href: "/docs/components/account-ens-name",
179+
title: "ERC20 Select",
180+
href: "/docs/components/erc20-select",
146181
items: [],
147182
},
148183
{
149-
title: "Account Nonce",
150-
href: "/docs/components/account-nonce",
184+
title: "ERC20 Select and Amount",
185+
href: "/docs/components/erc20-select-and-amount",
151186
items: [],
152187
},
153188
],
154189
},
155190
{
156-
title: "ERC20",
191+
title: "ERC721",
157192
items: [
158193
{
159-
title: "ERC20 Balance",
160-
href: "/docs/components/erc20-balance",
194+
title: "ERC721 Name",
195+
href: "/docs/components/erc721-name",
161196
items: [],
162197
},
163198
{
164-
title: "ERC20 Image",
165-
href: "/docs/components/erc20-image",
199+
title: "ERC721 Symbol",
200+
href: "/docs/components/erc721-symbol",
166201
items: [],
167202
},
168203
{
169-
title: "ERC20 Name",
170-
href: "/docs/components/erc20-name",
204+
title: "ERC721 Owner Of",
205+
href: "/docs/components/erc721-owner-of",
171206
items: [],
172207
},
173208
{
174-
title: "ERC20 Symbol",
175-
href: "/docs/components/erc20-symbol",
209+
title: "ERC721 Total Supply",
210+
href: "/docs/components/erc721-total-supply",
176211
items: [],
177212
},
178213
{
179-
title: "ERC20 Select",
180-
href: "/docs/components/erc20-select",
214+
title: "ERC721 Token URI",
215+
href: "/docs/components/erc721-token-uri",
181216
items: [],
182217
},
183218
{
184-
title: "ERC20 Select & Amount",
185-
href: "/docs/components/erc20-select-and-amount",
219+
title: "ERC721 Metadata",
220+
href: "/docs/components/erc721-metadata",
186221
items: [],
187222
},
188223
],

‎apps/www/config/networks.ts

+12-22
Original file line numberDiff line numberDiff line change
@@ -4,35 +4,25 @@
44
import { env } from "@/env.mjs"
55
import { Chain, ChainProviderFn, configureChains } from "wagmi"
66
import {
7-
goerli as goerliNoIcon,
7+
arbitrum,
8+
base,
9+
gnosis,
810
mainnet,
911
optimism,
10-
optimismGoerli,
11-
sepolia as sepoliaNoIcon,
12+
polygon,
1213
} from "wagmi/chains"
1314
import { alchemyProvider } from "wagmi/providers/alchemy"
1415
import { infuraProvider } from "wagmi/providers/infura"
1516
import { publicProvider } from "wagmi/providers/public"
1617

17-
const goerli = {
18-
...goerliNoIcon,
19-
iconUrl: "/icons/NetworkEthereumTest.svg",
20-
}
21-
const sepolia = {
22-
...sepoliaNoIcon,
23-
iconUrl: "/icons/NetworkEthereumTest.svg",
24-
}
25-
26-
export const ETH_CHAINS_TEST = [goerli, sepolia, optimismGoerli]
27-
28-
export const ETH_CHAINS_PROD = [mainnet, optimism]
29-
export const ETH_CHAINS_DEV =
30-
env.NEXT_PUBLIC_PROD_NETWORKS_DEV === "true"
31-
? [...ETH_CHAINS_PROD, ...ETH_CHAINS_TEST]
32-
: [...ETH_CHAINS_TEST]
33-
34-
export const CHAINS: Chain[] =
35-
process.env.NODE_ENV === "production" ? ETH_CHAINS_PROD : ETH_CHAINS_DEV
18+
export const CHAINS: Chain[] = [
19+
mainnet,
20+
optimism,
21+
polygon,
22+
gnosis,
23+
arbitrum,
24+
base,
25+
]
3626

3727
const PROVIDERS: ChainProviderFn<Chain>[] = []
3828

‎apps/www/content/docs/components/address.mdx

+16-2
Original file line numberDiff line numberDiff line change
@@ -53,9 +53,23 @@ wagmi:
5353
## Usage
5454

5555
```tsx
56-
import { Address } from "@/components/buidl/address"
56+
import {
57+
Address,
58+
AddressCopy,
59+
AddressLink,
60+
} from "@/registry/default/buidl/address"
5761
```
5862

5963
```tsx
60-
<Address />
64+
<Address address={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
65+
66+
<Address link address={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
67+
<AddressLink address={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
68+
69+
<Address copy address={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
70+
<AddressCopy address={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
71+
72+
<Address truncate address={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
73+
74+
<Address link copy truncate address={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
6175
```

‎apps/www/content/docs/components/account-ens-avatar.mdx ‎apps/www/content/docs/components/balance.mdx

+15-9
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
2-
title: Account ENS Avatar
3-
description: Display the connected account ENS avatar.
2+
title: Balance
3+
description: Displays the balance of an address.
44
component: true
55
wagmi:
6-
link: https://wagmi.sh/react/hooks/useEnsAvatar
6+
link: https://wagmi.sh/react/hooks/useBalance
77
---
88

99
<ComponentPreview
10-
name="account-ens-avatar-demo"
10+
name="balance-demo"
1111
className="[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]"
1212
/>
1313

@@ -36,13 +36,13 @@ wagmi:
3636

3737
<Steps>
3838

39-
<Step>Install the following components:</Step>
39+
<Step>Install the following shadcn/ui components:</Step>
4040

41-
- [EnsAvatar](/docs/components/ens-avatar)
41+
- [Skeleton](https://ui.shadcn.com/docs/components/skeleton)
4242

4343
<Step>Copy and paste the following code into your project.</Step>
4444

45-
<ComponentSource name="account-ens-avatar" />
45+
<ComponentSource name="balance" />
4646

4747
</Steps>
4848

@@ -53,9 +53,15 @@ wagmi:
5353
## Usage
5454

5555
```tsx
56-
import { AccountEnsAvatar } from "@/components/buidl/account-ens-avatar"
56+
import {
57+
GasPrice,
58+
MaxFeePerGas,
59+
MaxPriorityFeePerGas,
60+
} from "@/registry/default/buidl/balance"
5761
```
5862

5963
```tsx
60-
<AccountEnsAvatar />
64+
<GasPrice />
65+
<MaxFeePerGas />
66+
<MaxPriorityFeePerGas />
6167
```

‎apps/www/content/docs/components/block-explorer-link.mdx

+5-3
Original file line numberDiff line numberDiff line change
@@ -49,10 +49,12 @@ wagmi:
4949
## Usage
5050

5151
```tsx
52-
import { WalletConnect } from "@/components/buidl/wallet-connect"
52+
import { BlockExplorerLink } from "@/registry/default/buidl/block-explorer-link"
5353
```
5454

5555
```tsx
56-
<WalletConnect />
57-
<WalletConnect>Custom Text</WalletConnect>
56+
<BlockExplorerLink data={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} />
57+
<BlockExplorerLink data={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"} showBlockExplorerName />
58+
<BlockExplorerLink data={"0x761d584f1C2d43cBc3F42ECd739701a36dFFAa31"}>Go to Block Explorer</BlockExplorerLink>
59+
<BlockExplorerLink type="tx" data="0x827069d50d3a5ec0d19327f4b1bb1ecfbe939ef26bc3b6cc2dae5a1574f1e6f8"/>
5860
```

‎apps/www/content/docs/components/account-ens-name.mdx ‎apps/www/content/docs/components/block-number.mdx

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
2-
title: Account ENS Name
3-
description: Display the connected account ENS name.
2+
title: Block Number
3+
description: Displays the current block number of a network.
44
component: true
55
wagmi:
6-
link: https://wagmi.sh/react/hooks/useAccount
6+
link: https://wagmi.sh/react/hooks/useBlockNumber
77
---
88

99
<ComponentPreview
10-
name="account-ens-name-demo"
10+
name="block-number-demo"
1111
className="[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%]"
1212
/>
1313

@@ -36,13 +36,13 @@ wagmi:
3636

3737
<Steps>
3838

39-
<Step>Install the following components:</Step>
39+
<Step>Install the following shadcn/ui components:</Step>
4040

41-
- [EnsName](/docs/components/ens-name)
41+
- [Skeleton](https://ui.shadcn.com/docs/components/skeleton)
4242

4343
<Step>Copy and paste the following code into your project.</Step>
4444

45-
<ComponentSource name="account-ens-name" />
45+
<ComponentSource name="block-number" />
4646

4747
</Steps>
4848

@@ -53,9 +53,9 @@ wagmi:
5353
## Usage
5454

5555
```tsx
56-
import { AccountEnsName } from "@/components/buidl/account-ens-name"
56+
import { BlockNumber } from "@/registry/default/buidl/block-number"
5757
```
5858

5959
```tsx
60-
<AccountEnsName />
60+
<BlockNumber />
6161
```

0 commit comments

Comments
 (0)