Rafi Arrafif
eca25d29cd
Adding the react-hook-form library for better form handling than React's built-in state management, which often renders every time input is entered.
23 lines
551 B
TypeScript
23 lines
551 B
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import ProvisionInput from "../components/ProvisionInput";
|
|
|
|
type Props = {
|
|
fullName: string;
|
|
};
|
|
|
|
const Provision = ({ fullName }: Props) => {
|
|
return (
|
|
<div className="pt-12 max-w-[480px] mx-auto">
|
|
<div className="text-3xl text-center">Hey, {fullName.split(" ")[0]}</div>
|
|
<p className="text-sm text-center font-light text-neutral-300 mt-2">
|
|
Just a few more steps to join the fun!
|
|
</p>
|
|
<ProvisionInput fullname={fullName} />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Provision;
|