dify/web/app/forgot-password/page.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

38 lines
1.3 KiB
TypeScript

'use client'
import { cn } from '@langgenius/dify-ui/cn'
import { useSuspenseQuery } from '@tanstack/react-query'
import * as React from 'react'
import ChangePasswordForm from '@/app/forgot-password/ChangePasswordForm'
import { systemFeaturesQueryOptions } from '@/features/system-features/client'
import useDocumentTitle from '@/hooks/use-document-title'
import { useSearchParams } from '@/next/navigation'
import Header from '../signin/_header'
import ForgotPasswordForm from './ForgotPasswordForm'
const ForgotPassword = () => {
useDocumentTitle('')
const searchParams = useSearchParams()
const token = searchParams.get('token')
const { data: systemFeatures } = useSuspenseQuery(systemFeaturesQueryOptions())
return (
<div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
<div
className={cn(
'flex w-full shrink-0 flex-col rounded-2xl border border-effects-highlight bg-background-default-subtle',
)}
>
<Header />
{token ? <ChangePasswordForm /> : <ForgotPasswordForm />}
{!systemFeatures.branding.enabled && (
<div className="px-8 py-6 text-sm font-normal text-text-tertiary">
© {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
</div>
)}
</div>
</div>
)
}
export default ForgotPassword