ti.sil/sourcebot
1
0
Fork 0
mirror of https://github.com/sourcebot-dev/sourcebot.git synced 2025-12-15 05:45:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix build error with useSearchParam not wrapped in suspense

Browse source
This commit is contained in:
msukkari 2025-03-01 17:36:16 -08:00
parent ec5ec9d777
commit 85c21a2519
1 changed files with 27 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
packages/web/src/app/login/verify/page.tsx
View file

@ -8,12 +8,12 @@ import { Card, CardHeader, CardDescription, CardTitle, CardContent, CardFooter }
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import { ArrowLeft } from "lucide-react" import { ArrowLeft } from "lucide-react"
import { useRouter, useSearchParams } from "next/navigation" import { useRouter, useSearchParams } from "next/navigation"
import { useCallback, useState } from "react" import { useCallback, useState, Suspense } from "react"
import VerificationFailed from "./verificationFailed" import VerificationFailed from "./verificationFailed"
import { SourcebotLogo } from "@/app/components/sourcebotLogo" import { SourcebotLogo } from "@/app/components/sourcebotLogo"
import useCaptureEvent from "@/hooks/useCaptureEvent" import useCaptureEvent from "@/hooks/useCaptureEvent"
export default function VerifyPage() { function VerifyPageContent() {
const [value, setValue] = useState("") const [value, setValue] = useState("")
const searchParams = useSearchParams() const searchParams = useSearchParams()
const email = searchParams.get("email") const email = searchParams.get("email")
@ -97,3 +97,28 @@ export default function VerifyPage() {
) )
} }
function LoadingVerifyPage() {
return (
<div className="min-h-screen flex flex-col items-center justify-center p-4 bg-gradient-to-b from-background to-muted/30">
<div className="w-full max-w-md">
<div className="flex justify-center mb-6">
<SourcebotLogo className="h-16" size="large" />
</div>
<Card className="w-full shadow-lg border-muted/40">
<CardHeader className="space-y-1">
<CardTitle className="text-2xl font-bold text-center">Loading...</CardTitle>
</CardHeader>
</Card>
</div>
</div>
)
}
export default function VerifyPage() {
return (
<Suspense fallback={<LoadingVerifyPage />}>
<VerifyPageContent />
</Suspense>
)
}