71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
|
'use client'
|
|||
|
|
import {ChangePasswordDialog} from '@/components/composites/dialogs/change-password-dialog'
|
|||
|
|
import {RealnameAuthDialog} from '@/components/composites/dialogs/realname-auth-dialog'
|
|||
|
|
import {useState, useEffect} from 'react'
|
|||
|
|
import {User} from '@/lib/models'
|
|||
|
|
|
|||
|
|
export function PasswordSetupWrapper({profile}: {profile: User}) {
|
|||
|
|
const [showPasswordDialog, setShowPasswordDialog] = useState(false)
|
|||
|
|
const [showRealnameDialog, setShowRealnameDialog] = useState(false)
|
|||
|
|
|
|||
|
|
useEffect(() => {
|
|||
|
|
// 每次profile变化时都检查是否需要显示弹窗
|
|||
|
|
if (!profile.has_password) {
|
|||
|
|
setShowPasswordDialog(true)
|
|||
|
|
}
|
|||
|
|
else if (!profile.id_token) {
|
|||
|
|
setShowRealnameDialog(true)
|
|||
|
|
}
|
|||
|
|
}, [profile.has_password, profile.id_token])
|
|||
|
|
|
|||
|
|
const handleDismiss = (type: 'password' | 'realname') => {
|
|||
|
|
// 可选：使用sessionStorage只在当前会话期间记住关闭状态
|
|||
|
|
if (typeof window !== 'undefined') {
|
|||
|
|
sessionStorage.setItem(`dismissed${type === 'password' ? 'PasswordSetup' : 'RealnameAuth'}`, 'true')
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<>
|
|||
|
|
{showPasswordDialog && (
|
|||
|
|
<ChangePasswordDialog
|
|||
|
|
triggerClassName="hidden"
|
|||
|
|
open={showPasswordDialog}
|
|||
|
|
onOpenChange={(open) => {
|
|||
|
|
setShowPasswordDialog(open)
|
|||
|
|
if (!open) {
|
|||
|
|
handleDismiss('password')
|
|||
|
|
if (!profile.id_token) {
|
|||
|
|
setShowRealnameDialog(true)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}}
|
|||
|
|
onSuccess={() => {
|
|||
|
|
setShowPasswordDialog(false)
|
|||
|
|
if (!profile.id_token) {
|
|||
|
|
setShowRealnameDialog(true)
|
|||
|
|
}
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
)}
|
|||
|
|
|
|||
|
|
{showRealnameDialog && (
|
|||
|
|
<RealnameAuthDialog
|
|||
|
|
hasAuthenticated={!!profile.id_token}
|
|||
|
|
triggerClassName="hidden"
|
|||
|
|
open={showRealnameDialog}
|
|||
|
|
onOpenChange={(open) => {
|
|||
|
|
setShowRealnameDialog(open)
|
|||
|
|
if (!open) {
|
|||
|
|
handleDismiss('realname')
|
|||
|
|
}
|
|||
|
|
}}
|
|||
|
|
onSuccess={() => {
|
|||
|
|
setShowRealnameDialog(false)
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
)}
|
|||
|
|
</>
|
|||
|
|
)
|
|||
|
|
}
|