update pay ui
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -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';
|
||||||
|
|||||||
Reference in New Issue
Block a user