feat(web): wrap LoginForm in Suspense for improved loading handling
This commit is contained in:
@@ -1,12 +1,12 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { useState } from "react";
|
import { Suspense, useState } from "react";
|
||||||
import { useRouter, useSearchParams } from "next/navigation";
|
import { useRouter, useSearchParams } from "next/navigation";
|
||||||
import { Alert, Button, Card, CloseButton, Input, Label, TextField } from "@heroui/react";
|
import { Alert, Button, Card, CloseButton, Input, Label, TextField } from "@heroui/react";
|
||||||
import { Fingerprint, Thunderbolt } from "@gravity-ui/icons";
|
import { Fingerprint, Thunderbolt } from "@gravity-ui/icons";
|
||||||
import { authClient } from "@/lib/auth-client";
|
import { authClient } from "@/lib/auth-client";
|
||||||
|
|
||||||
export default function LoginPage() {
|
function LoginForm() {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const searchParams = useSearchParams();
|
const searchParams = useSearchParams();
|
||||||
const justSetup = searchParams.get("setup") === "1";
|
const justSetup = searchParams.get("setup") === "1";
|
||||||
@@ -145,3 +145,11 @@ export default function LoginPage() {
|
|||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export default function LoginPage() {
|
||||||
|
return (
|
||||||
|
<Suspense>
|
||||||
|
<LoginForm />
|
||||||
|
</Suspense>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user