sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-08-04 03:27:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(admin-topup): add description field to topup form and validation for amount
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 8m56s
Details

Browse Source 
fix(verify-registration-otp): improve styling and structure of OTP verification form
This commit is contained in:
i701
2025-07-27 16:01:15 +05:00
parent 76a4e3d66e
commit 3da668a94a
3 changed files with 45 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/auth/verify-registration-otp-form.tsx
View File

@ -1,14 +1,14 @@
"use client";
import { Loader2 } from "lucide-react";
import Link from "next/link";
import { redirect, useSearchParams } from "next/navigation";
import { useActionState } from "react";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { cn } from "@/lib/utils";
import { VerifyRegistrationOTP } from "@/queries/authentication";
import { Loader2 } from "lucide-react";
import Link from "next/link";
import { redirect, useSearchParams } from "next/navigation";
import { useActionState } from "react";
export default function VerifyRegistrationOTPForm({
phone_number,
@ -28,7 +28,7 @@ export default function VerifyRegistrationOTPForm({
return (
<form
action={formAction}
className="w-full max-w-xs bg-white dark:bg-sarLinkOrange/10 title-bg border rounded-lg shadow my-4"
className="w-full max-w-xs bg-white dark:bg-sarLinkOrange/10 title-bg border-2 border-sarLinkOrange/50 rounded-lg shadow my-4"
>
<div className="grid pb-4 pt-4 gap-4 px-4">
<div className="flex flex-col gap-4">
@ -37,7 +37,7 @@ export default function VerifyRegistrationOTPForm({
{state.message}
</p>
) : (
<p className="bg-sarLinkOrange/50 border border-yellow-900/50 dark:border-sarLinkOrange/50 rounded p-2 text-center text-sm text-gray-900 dark:text-gray-300">
<p className="bg-sarLinkOrange border border-yellow-900/50 dark:border-sarLinkOrange/50 rounded p-2 text-center text-sm text-gray-900 dark:text-orange-950">
Account verification OTP sent to [{phone_number}]
</p>
)}
@ -59,7 +59,7 @@ export default function VerifyRegistrationOTPForm({
type="number"
placeholder="Enter OTP"
className={cn(
"bg-white text-black",
"bg-white text-black dark:text-white dark:bg-gray-950",
state.status === "verify_success" && "hidden",
)}
/>