Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore: add Props in Signup component #1319

Merged
merged 3 commits into from
Feb 25, 2024
Merged

chore: add Props in Signup component #1319

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
47564c9
Add type definition for Props in Signup component
sasicodes Feb 25, 2024
485700d
Fix typo in Signup component description
sasicodes Feb 25, 2024
1663c50
Merge branch 'main' into cleanup-signup
sasicodes Feb 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions apps/web/src/components/Login/Signup.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ import {
} from '@tape.xyz/ui'
import Link from 'next/link'
import Script from 'next/script'
import type { FC } from 'react'
import React, { useEffect, useState } from 'react'
import { useForm } from 'react-hook-form'
import toast from 'react-hot-toast'
Expand All @@ -55,6 +56,12 @@ declare global {
}
}

type Props = {
showLogin: boolean
onSuccess: () => void
setShowSignup: (b: boolean) => void
}

const formSchema = object({
handle: string()
.min(5, { message: 'Handle should be at least 5 characters' })
Expand All @@ -66,15 +73,7 @@ const formSchema = object({
})
type FormData = z.infer<typeof formSchema>

const Signup = ({
showLogin,
onSuccess,
setShowSignup
}: {
showLogin: boolean
onSuccess: () => void
setShowSignup: (b: boolean) => void
}) => {
const Signup: FC<Props> = ({ showLogin, onSuccess, setShowSignup }) => {
const {
register,
formState: { errors, isValid },
Expand All @@ -92,6 +91,7 @@ const Signup = ({

const { address } = useAccount()
const handle = watch('handle')?.toLowerCase()

const debouncedValue = useDebounce<string>(handle, 300)
const { data: balanceData } = useBalance({
address,
Expand Down Expand Up @@ -309,7 +309,7 @@ const Signup = ({
show={showModal}
setShow={setShowModal}
title="Why purchase?"
description="Creating new handle requires a purchase to help maintain the network and prevent bots. Rest assured, the associated price is a short-term measure. As the platform implements and refines additional bot prevention methods, the price will be gradually phased out."
description="Creating new handle requires a purchase to help maintain the network and prevent bots. Rest assured, the associated price is a short-term measure. As we implements and refines additional bot prevention methods, the price will be gradually phased out."
>
{!hasBalance && (
<div className="mt-4">
Expand All @@ -330,7 +330,7 @@ const Signup = ({
loading={creating}
disabled={creating || !isHandleAvailable || checkingAvailability}
>
Buy with Card
Buy with Card (${TAPE_SIGNUP_PRICE})
</Button>
</div>
<button
Expand Down