feat: add loading state and full-page loader component; update payment page and application layout to improve user experience
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 7m23s

This commit is contained in:
2025-05-31 12:37:46 +05:00
parent c705addccc
commit bed426a6b4
14 changed files with 84 additions and 18 deletions

View File

@ -12,6 +12,7 @@ import { CircleDollarSign, Loader2 } from "lucide-react";
import { redirect, usePathname } from "next/navigation";
import { useEffect, useState } from "react";
import { toast } from "sonner";
import FullPageLoader from "./full-page-loader";
export default function DevicesForPayment() {
const baseAmount = 100;
const discountPercentage = 75;
@ -45,7 +46,7 @@ export default function DevicesForPayment() {
};
if (disabled) {
return "Please wait...";
return <FullPageLoader />
}
return (
<div className="max-w-lg mx-auto space-y-4 px-4">