backups.bunware.org
One-click backups for AT Protocol
feat: add auth complete page with Suspense boundary
+22
-2
docs/app/auth/complete/page.tsx
+22
-2
docs/app/auth/complete/page.tsx
···
1
1
"use client";
2
2
3
-
import { useEffect } from "react";
3
+
import { useEffect, Suspense } from "react";
4
4
import { useSearchParams } from "next/navigation";
5
5
6
-
export default function AuthComplete() {
6
+
function AuthCompleteContent() {
7
7
const searchParams = useSearchParams();
8
8
9
9
useEffect(() => {
···
35
35
</div>
36
36
);
37
37
}
38
+
39
+
export default function AuthComplete() {
40
+
return (
41
+
<Suspense
42
+
fallback={
43
+
<div className="min-h-screen flex items-center justify-center bg-gray-50">
44
+
<div className="max-w-md w-full space-y-8 p-8 bg-white rounded-lg shadow-md">
45
+
<div className="text-center">
46
+
<h2 className="mt-6 text-3xl font-bold text-gray-900">
47
+
Loading...
48
+
</h2>
49
+
</div>
50
+
</div>
51
+
</div>
52
+
}
53
+
>
54
+
<AuthCompleteContent />
55
+
</Suspense>
56
+
);
57
+
}