@@ -3,8 +3,14 @@ import Image from "next/image"
3
3
import Link from "next/link"
4
4
5
5
import { cn } from "@/lib/utils"
6
- import { buttonVariants } from "@/registry/default/ui/button"
7
- import { UserAuthForm } from "@/app/examples/authentication/components/user-auth-form"
6
+ import { AccountAddress } from "@/registry/default/buidl/account-address"
7
+ import { AccountBlockie } from "@/registry/default/buidl/account-blockie"
8
+ import { Address } from "@/registry/default/buidl/address"
9
+ import { IsWalletConnected } from "@/registry/default/buidl/is-wallet-connected"
10
+ import { IsWalletDisconnected } from "@/registry/default/buidl/is-wallet-disconnected"
11
+ import { WalletConnect } from "@/registry/default/buidl/wallet-connect"
12
+ import { WalletDisconnect } from "@/registry/default/buidl/wallet-disconnect"
13
+ import { Button , buttonVariants } from "@/registry/default/ui/button"
8
14
9
15
export const metadata : Metadata = {
10
16
title : "Authentication" ,
@@ -14,21 +20,8 @@ export const metadata: Metadata = {
14
20
export default function AuthenticationPage ( ) {
15
21
return (
16
22
< >
17
- < div className = "md:hidden" >
18
- < Image
19
- src = "/examples/authentication-light.png"
20
- width = { 1280 }
21
- height = { 843 }
22
- alt = "Authentication"
23
- className = "block dark:hidden"
24
- />
25
- < Image
26
- src = "/examples/authentication-dark.png"
27
- width = { 1280 }
28
- height = { 843 }
29
- alt = "Authentication"
30
- className = "hidden dark:block"
31
- />
23
+ < div className = "p-10 md:hidden" >
24
+ View this page on a larger screen to see the full example.
32
25
</ div >
33
26
< div className = "container relative hidden h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0" >
34
27
< Link
@@ -55,47 +48,56 @@ export default function AuthenticationPage() {
55
48
>
56
49
< path d = "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" />
57
50
</ svg >
58
- Acme Inc
51
+ Degen Inc
59
52
</ div >
60
53
< div className = "relative z-20 mt-auto" >
61
54
< blockquote className = "space-y-2" >
62
55
< p className = "text-lg" >
63
- “This library has saved me countless hours of work and
64
- helped me deliver stunning designs to my clients faster than
65
- ever before.”
56
+ “I always degenerate to chocolate and coffee.”
66
57
</ p >
67
- < footer className = "text-sm" > Sofia Davis </ footer >
58
+ < footer className = "text-sm" > Mandy Ingber </ footer >
68
59
</ blockquote >
69
60
</ div >
70
61
</ div >
71
62
< div className = "lg:p-8" >
72
63
< div className = "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]" >
73
- < div className = "flex flex-col space-y-2 text-center" >
74
- < h1 className = "text-2xl font-semibold tracking-tight" >
75
- Create an account
76
- </ h1 >
77
- < p className = "text-sm text-muted-foreground" >
78
- Enter your email below to create your account
64
+ < IsWalletDisconnected >
65
+ < div className = "flex flex-col space-y-2 text-center" >
66
+ < h1 className = "text-2xl font-semibold tracking-tight" >
67
+ Connect Wallet to Continue
68
+ </ h1 >
69
+ < p className = "text-sm text-muted-foreground" >
70
+ Enter your email below to create your account
71
+ </ p >
72
+ </ div >
73
+ < WalletConnect />
74
+ < p className = "px-8 text-center text-sm text-muted-foreground" >
75
+ By clicking continue, you agree to our{ " " }
76
+ < Link
77
+ href = "/terms"
78
+ className = "underline underline-offset-4 hover:text-primary"
79
+ >
80
+ Terms of Service
81
+ </ Link > { " " }
82
+ and{ " " }
83
+ < Link
84
+ href = "/privacy"
85
+ className = "underline underline-offset-4 hover:text-primary"
86
+ >
87
+ Privacy Policy
88
+ </ Link >
89
+ .
79
90
</ p >
80
- </ div >
81
- < UserAuthForm />
82
- < p className = "px-8 text-center text-sm text-muted-foreground" >
83
- By clicking continue, you agree to our{ " " }
84
- < Link
85
- href = "/terms"
86
- className = "underline underline-offset-4 hover:text-primary"
87
- >
88
- Terms of Service
89
- </ Link > { " " }
90
- and{ " " }
91
- < Link
92
- href = "/privacy"
93
- className = "underline underline-offset-4 hover:text-primary"
94
- >
95
- Privacy Policy
96
- </ Link >
97
- .
98
- </ p >
91
+ </ IsWalletDisconnected >
92
+ < IsWalletConnected >
93
+ < div className = "flex items-center justify-center gap-x-2" >
94
+ < AccountBlockie />
95
+ < Button size = { "sm" } className = "rounded-full" >
96
+ < AccountAddress truncate linkEnabled />
97
+ </ Button >
98
+ < WalletDisconnect variant = { "ghost" } size = { "sm" } />
99
+ </ div >
100
+ </ IsWalletConnected >
99
101
</ div >
100
102
</ div >
101
103
</ div >
0 commit comments