个人中心页面按钮跳转与样式修复；实名认证页面界面与文字调整；提取 IP 页面浮动组件复制问题修复

src/app/admin/identify/page.tsx

@@ -19,7 +19,7 @@ import step1 from './_assets/step1.webp'
 import step2 from './_assets/step2.webp'
 import step3 from './_assets/step3.webp'
 import {Card, CardContent, CardDescription, CardHeader, CardTitle} from '@/components/ui/card'
-import {WorkflowIcon} from 'lucide-react'
+import {CheckCircle, CheckCircleIcon, WorkflowIcon} from 'lucide-react'
 
 export type IdentifyPageProps = {}
 
@@ -120,12 +120,15 @@ export default function IdentifyPage(props: IdentifyPageProps) {
             <Image src={personal} alt={`个人认证`}/>
             <div>
               <h3 className={`text-center text-lg font-bold`}>个人认证</h3>
-              <p className={`text-sm text-gray-600`}>平台授权支付宝安全认证，不会泄露您的认证信息</p>
+              <p className={`text-sm text-gray-600`}>
+                平台不会收集您的个人信息，您的信息仅用于账户安全认证
+              </p>
             </div>
             {profile?.id_token ? (
-              <div className={`flex flex-col gap-4`}>
-                <p className={`text-sm text-gray-600`}>已完成实名认证</p>
-              </div>
+              <p className={`flex gap-2 items-center`}>
+                <CheckCircleIcon className={`text-done`}/>
+                <span>已完成实名认证</span>
+              </p>
             ) : (
               <Dialog open={openDialog} onOpenChange={setOpenDialog}>
                 <DialogTrigger asChild>

src/app/admin/profile/page.tsx

@@ -26,11 +26,13 @@ import {
 } from '@/components/ui/dialog'
 import {sendSMS} from '@/actions/verify'
 import RechargeModal from '@/components/composites/recharge'
+import {useRouter} from 'next/navigation'
 
 export type ProfilePageProps = {}
 
 export default function ProfilePage(props: ProfilePageProps) {
 
+  const router = useRouter()
   const profile = useProfileStore(store => store.profile)
 
   // ======================
@@ -67,7 +69,9 @@ export default function ProfilePage(props: ProfilePageProps) {
             </CardHeader>
             <CardContent className={`flex-auto flex justify-between items-center px-8`}>
               <p className={`text-xl`}>{profile?.balance}</p>
-              <RechargeModal/>
+              <RechargeModal classNames={{
+                trigger: `h-10 px-6`,
+              }}/>
             </CardContent>
           </Card>
 
@@ -79,7 +83,7 @@ export default function ProfilePage(props: ProfilePageProps) {
               {!profile?.id_token
                 ? <>
                   <p className={`text-sm`}>为了保障您的账户安全和正常使用服务，请您尽快完成实名认证</p>
-                  <Button theme={`outline`} className={`mx-16 w-24`}>去认证</Button>
+                  <Button theme={`outline`} className={`mx-16 w-24`} onClick={() => router.push('/admin/identify')}>去认证</Button>
                 </>
                 : <>
                   <p className={`flex flex-col gap-1`}>
@@ -423,7 +427,7 @@ function PasswordForm(props: {
                 <Button theme={`outline`} type={`button`} className={`w-36`} onClick={() => sendVerifier()}>
                   {captchaWait > 0
                     ? `重新发送(${captchaWait})`
-                    : `获取验证码`
+                    : `获取短信令牌`
                   }
                 </Button>
               </div>