NguyenThanhToan/ipv6-sims
1
0
Fork 0
forked from UKSOURCE/ipv6
Code Pull Requests Activity

Merge pull request 'fix run build' (#12) from feat/toan-19052026-paypal into develop

Browse Source 
Reviewed-on: UKSOURCE/ipv6#12
This commit is contained in:
NguyenThanhToan
2026-05-19 06:38:05 +00:00
parent f17187964b 8b061f7489
commit 99ad8cce45
2 changed files with 119 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(site)/registration/cancel/page.tsx
+17 -7
View File
@@ -1,10 +1,10 @@
"use client"; "use client";
import { useEffect, useState } from "react"; import { Suspense, useEffect, useState } from "react";
import { useSearchParams } from "next/navigation"; import { useSearchParams } from "next/navigation";
import Link from "next/link"; import Link from "next/link";
export default function RegistrationCancelPage() { function CancelContent() {
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const token = searchParams.get("token"); const token = searchParams.get("token");
const [cancelled, setCancelled] = useState(false); const [cancelled, setCancelled] = useState(false);
@@ -21,6 +21,18 @@ export default function RegistrationCancelPage() {
} }
}, [token]); }, [token]);
return (
<>
{!cancelled && (
<p className="mt-6 text-on-surface-variant text-xs opacity-60">
Đang cập nhật trạng thái...
</p>
)}
</>
);
}
export default function RegistrationCancelPage() {
return ( return (
<main className="min-h-screen bg-[var(--color-background)] flex items-center justify-center px-[var(--spacing-gutter)] py-[80px]"> <main className="min-h-screen bg-[var(--color-background)] flex items-center justify-center px-[var(--spacing-gutter)] py-[80px]">
<div className="w-full max-w-[560px]"> <div className="w-full max-w-[560px]">
@@ -59,11 +71,9 @@ export default function RegistrationCancelPage() {
</Link> </Link>
</div> </div>
{!cancelled && ( <Suspense fallback={null}>
<p className="mt-6 text-on-surface-variant text-xs opacity-60"> <CancelContent />
Đang cập nhật trạng thái... </Suspense>
</p>
)}
</div> </div>
</div> </div>
</main> </main>
app/(site)/registration/success/page.tsx
+27 -4
View File
@@ -1,10 +1,10 @@
"use client"; "use client";
import { useEffect, useState } from "react"; import { Suspense, useEffect, useState } from "react";
import { useSearchParams } from "next/navigation"; import { useSearchParams } from "next/navigation";
import Link from "next/link"; import Link from "next/link";
export default function RegistrationSuccessPage() { function SuccessContent() {
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const token = searchParams.get("token"); const token = searchParams.get("token");
const payerId = searchParams.get("PayerID"); const payerId = searchParams.get("PayerID");
@@ -43,8 +43,7 @@ export default function RegistrationSuccessPage() {
}, [token, payerId]); }, [token, payerId]);
return ( return (
<main className="min-h-screen bg-[var(--color-background)] flex items-center justify-center px-[var(--spacing-gutter)] py-[80px]"> <>
<div className="w-full max-w-[560px]">
{state === "loading" && ( {state === "loading" && (
<div className="glass-panel rounded-xl p-[48px] text-center"> <div className="glass-panel rounded-xl p-[48px] text-center">
<div className="flex justify-center mb-6"> <div className="flex justify-center mb-6">
@@ -136,6 +135,30 @@ export default function RegistrationSuccessPage() {
</Link> </Link>
</div> </div>
)} )}
</>
);
}
export default function RegistrationSuccessPage() {
return (
<main className="min-h-screen bg-[var(--color-background)] flex items-center justify-center px-[var(--spacing-gutter)] py-[80px]">
<div className="w-full max-w-[560px]">
<Suspense
fallback={
<div className="glass-panel rounded-xl p-[48px] text-center">
<div className="flex justify-center mb-6">
<span className="material-symbols-outlined text-[48px] text-primary animate-spin">
progress_activity
</span>
</div>
<p className="text-on-surface-variant text-lg">
Đang tải...
</p>
</div>
}
>
<SuccessContent />
</Suspense>
</div> </div>
</main> </main>
); );