update pay ui

This commit is contained in:
2025-12-12 11:04:09 +08:00
parent f96a333cae
commit 41be30e4d5
2 changed files with 2 additions and 49 deletions

View File

@@ -270,9 +270,6 @@ export default function ProfilePage() {
<Badge colorScheme="blue" variant="subtle"> <Badge colorScheme="blue" variant="subtle">
用户名: {user?.username} 用户名: {user?.username}
</Badge> </Badge>
{user?.is_verified && (
<Badge colorScheme="green">已实名认证</Badge>
)}
{user?.has_wechat && ( {user?.has_wechat && (
<Badge colorScheme="green">微信已绑定</Badge> <Badge colorScheme="green">微信已绑定</Badge>
)} )}
@@ -630,54 +627,9 @@ export default function ProfilePage() {
</CardBody> </CardBody>
</Card> </Card>
{/* 实名认证 */}
{!user?.is_verified && (
<Card w="full">
<CardHeader>
<Heading size="md">实名认证</Heading>
</CardHeader>
<CardBody>
<VStack spacing={4}>
<Text fontSize="sm" color="gray.600" textAlign="center">
完成实名认证获得更高权限和信任度
</Text>
<Button colorScheme="orange" size="sm" onClick={onOpen}>
立即认证
</Button>
</VStack>
</CardBody>
</Card>
)}
</VStack> </VStack>
</SimpleGrid> </SimpleGrid>
</VStack> </VStack>
{/* 实名认证模态框 */}
<Modal isOpen={isOpen} onClose={onClose}>
<ModalOverlay />
<ModalContent>
<ModalHeader>实名认证</ModalHeader>
<ModalCloseButton />
<ModalBody pb={6}>
<VStack spacing={4}>
<FormControl>
<FormLabel>真实姓名</FormLabel>
<Input placeholder="请输入真实姓名" />
</FormControl>
<FormControl>
<FormLabel>身份证号</FormLabel>
<Input placeholder="请输入身份证号" />
</FormControl>
<Text fontSize="sm" color="gray.500">
您的个人信息将严格保密仅用于身份验证
</Text>
<Button colorScheme="blue" w="full">
提交认证
</Button>
</VStack>
</ModalBody>
</ModalContent>
</Modal>
</Container> </Container>
); );
} }

View File

@@ -34,7 +34,8 @@ import {
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { import {
LinkIcon, LinkIcon,
DeleteIcon DeleteIcon,
EditIcon
} from '@chakra-ui/icons'; } from '@chakra-ui/icons';
import { FaWeixin, FaMobile, FaEnvelope } from 'react-icons/fa'; import { FaWeixin, FaMobile, FaEnvelope } from 'react-icons/fa';
import { useAuth } from '../../contexts/AuthContext'; import { useAuth } from '../../contexts/AuthContext';