mirror of
https://github.com/rgrgogu/new_starr.git
synced 2026-09-27 00:12:54 +08:00
UI revised for registration
This commit is contained in:
@@ -241,6 +241,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
<Input
|
||||
id="given_name"
|
||||
placeholder="Juan"
|
||||
className="text-sm"
|
||||
{...regPersonal('given_name')}
|
||||
/>
|
||||
{errPersonal.given_name && (
|
||||
@@ -255,6 +256,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
<Input
|
||||
id="last_name"
|
||||
placeholder="Dela Cruz"
|
||||
className="text-sm"
|
||||
{...regPersonal('last_name')}
|
||||
/>
|
||||
{errPersonal.last_name && (
|
||||
@@ -272,6 +274,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
<Input
|
||||
id="middle_name"
|
||||
placeholder="Santos"
|
||||
className="text-sm"
|
||||
{...regPersonal('middle_name')}
|
||||
/>
|
||||
{errPersonal.middle_name && (
|
||||
@@ -289,6 +292,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
<Input
|
||||
id="extension_name"
|
||||
placeholder="Jr., Sr., III"
|
||||
className="text-sm"
|
||||
{...regPersonal('extension_name')}
|
||||
/>
|
||||
{errPersonal.extension_name && (
|
||||
@@ -304,6 +308,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
id="date_of_birth"
|
||||
type="date"
|
||||
max={new Date().toISOString().split('T')[0]}
|
||||
className="text-sm"
|
||||
{...regPersonal('date_of_birth')}
|
||||
/>
|
||||
{errPersonal.date_of_birth && (
|
||||
@@ -320,6 +325,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
<Input
|
||||
id="occupation"
|
||||
placeholder="e.g. Real Estate Broker"
|
||||
className="text-sm"
|
||||
{...regPersonal('occupation')}
|
||||
/>
|
||||
{errPersonal.occupation && (
|
||||
@@ -336,6 +342,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
id="phone"
|
||||
type="tel"
|
||||
placeholder="+63 912 345 6789"
|
||||
className="text-sm"
|
||||
{...regPersonal('phone')}
|
||||
/>
|
||||
{errPersonal.phone && (
|
||||
@@ -388,6 +395,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
disabled={isRegistering}
|
||||
readOnly
|
||||
onFocus={(e) => e.target.removeAttribute('readonly')}
|
||||
className="text-sm"
|
||||
{...regCreds('email')}
|
||||
/>
|
||||
{errCreds.email && (
|
||||
@@ -407,7 +415,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
placeholder="Min. 8 chars, 1 uppercase, 1 number"
|
||||
autoComplete="new-password"
|
||||
disabled={isRegistering}
|
||||
className="pr-10"
|
||||
className="pr-10 text-sm"
|
||||
{...regCreds('password')}
|
||||
/>
|
||||
<Button
|
||||
@@ -437,7 +445,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
placeholder="Repeat your password"
|
||||
autoComplete="new-password"
|
||||
disabled={isRegistering}
|
||||
className="pr-10"
|
||||
className="pr-10 text-sm"
|
||||
{...regCreds('confirm_password')}
|
||||
/>
|
||||
<Button
|
||||
@@ -465,6 +473,7 @@ export function RegisterForm({ className, ...props }) {
|
||||
id="group_code"
|
||||
placeholder="No group code"
|
||||
disabled
|
||||
className="text-sm"
|
||||
{...regCreds('group_code')}
|
||||
/>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
|
||||
Reference in New Issue
Block a user