66 lines
1.8 KiB
TypeScript
66 lines
1.8 KiB
TypeScript
'use client'
|
||
import {Button} from '@/components/ui/button'
|
||
import {Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger} from '@/components/ui/dialog'
|
||
import {useRouter} from 'next/navigation'
|
||
import {useState} from 'react'
|
||
|
||
interface RealnameAuthDialogProps {
|
||
hasAuthenticated: boolean
|
||
triggerClassName?: string
|
||
open?: boolean
|
||
onOpenChange?: (open: boolean) => void
|
||
onSuccess?: () => void
|
||
}
|
||
|
||
export function RealnameAuthDialog({
|
||
hasAuthenticated,
|
||
triggerClassName,
|
||
open,
|
||
onOpenChange,
|
||
onSuccess,
|
||
}: RealnameAuthDialogProps) {
|
||
const [internalOpen, setInternalOpen] = useState(false)
|
||
const router = useRouter()
|
||
|
||
const actualOpen = open !== undefined ? open : internalOpen
|
||
const actualOnOpenChange = onOpenChange || setInternalOpen
|
||
|
||
if (hasAuthenticated) {
|
||
return null
|
||
}
|
||
|
||
return (
|
||
<Dialog open={actualOpen} onOpenChange={actualOnOpenChange}>
|
||
<DialogTrigger asChild>
|
||
<Button theme="outline" className={triggerClassName || 'w-24'}>
|
||
去认证
|
||
</Button>
|
||
</DialogTrigger>
|
||
<DialogContent>
|
||
<DialogHeader>
|
||
<DialogTitle>实名认证</DialogTitle>
|
||
</DialogHeader>
|
||
<div className="py-4 space-y-4">
|
||
<p>为了保障您的账户安全和正常使用服务，请您尽快完成实名认证</p>
|
||
<div className="flex justify-end gap-2">
|
||
<Button
|
||
theme="outline"
|
||
onClick={() => actualOnOpenChange(false)}
|
||
>
|
||
稍后再说
|
||
</Button>
|
||
<Button
|
||
onClick={() => {
|
||
router.push('/admin/identify')
|
||
onSuccess?.()
|
||
}}
|
||
>
|
||
立即认证
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</DialogContent>
|
||
</Dialog>
|
||
)
|
||
}
|