sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-10-07 23:31:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: add animations ✨
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 10m27s
Details

Browse Source
This commit is contained in:
i701
2025-09-24 19:33:48 +05:00
parent f8774f51e6
commit 9ad1887f88
10 changed files with 994 additions and 993 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/devices-to-pay.tsx
View File

@@ -126,6 +126,7 @@ export default function DevicesToPay({
type="submit"
variant={"secondary"}
size={"lg"}
className="w-full"
>
{isPending
? "Processing payment..."
@@ -145,7 +146,7 @@ export default function DevicesToPay({
disabled={isPending || disabled}
type="submit"
size={"lg"}
className="mb-4"
className="mb-4 w-full"
>
{isPending ? "Processing payment..." : "I have paid"}
{isPending ? (
@@ -162,10 +163,8 @@ export default function DevicesToPay({
</TableCaption>
<TableBody className="">
<TableRow>
<TableCell className="motion-preset-slide-left-sm">
Payment created
</TableCell>
<TableCell className="text-right motion-preset-slide-right-sm">
<TableCell>Payment created</TableCell>
<TableCell className="text-right motion-preset-slide-up-sm">
{new Date(payment?.created_at ?? "").toLocaleDateString(
"en-US",
{
@@ -180,31 +179,22 @@ export default function DevicesToPay({
</TableCell>
</TableRow>
<TableRow>
<TableCell className="motion-preset-slide-left-sm motion-delay-75">
Total Devices
</TableCell>
<TableCell className="text-right text-xl motion-preset-slide-right-sm motion-delay-75">
<TableCell>Total Devices</TableCell>
<TableCell className="text-right text-xl motion-preset-slide-up-sm motion-delay-75">
{devices?.length}
</TableCell>
</TableRow>
<TableRow>
<TableCell className="motion-preset-slide-left-sm motion-delay-100">
Duration
</TableCell>
<TableCell className="text-right text-xl motion-preset-slide-right-sm motion-delay-100">
<TableCell>Duration</TableCell>
<TableCell className="text-right text-xl motion-preset-slide-up-sm motion-delay-100">
{payment?.number_of_months} Months
</TableCell>
</TableRow>
</TableBody>
<TableFooter>
<TableRow className="">
<TableCell
className="motion-preset-slide-left-sm motion-delay-150"
colSpan={1}
>
Total Due
</TableCell>
<TableCell className="text-right text-3xl font-bold motion-preset-slide-right-sm motion-delay-150">
<TableCell colSpan={1}>Total Due</TableCell>
<TableCell className="text-right text-3xl font-bold motion-preset-slide-up-sm motion-delay-150">
{payment?.amount?.toFixed(2)}
</TableCell>
</TableRow>