feat: 10.10线上最新代码提交

src/views/Pages/Account/Billing.js

@@ -39,11 +39,13 @@ import BillingRow from 'components/Tables/BillingRow';
 import InvoicesRow from 'components/Tables/InvoicesRow';
 import TransactionRow from 'components/Tables/TransactionRow';
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import {
   FaPaypal,
   FaPencilAlt,
   FaRegCalendarAlt,
   FaWallet,
+  FaGem,
 } from 'react-icons/fa';
 import { RiMastercardFill } from 'react-icons/ri';
 import {
@@ -59,6 +61,7 @@ function Billing() {
   const textColor = useColorModeValue('gray.700', 'white');
   const borderColor = useColorModeValue('#dee2e6', 'transparent');
   const { colorMode } = useColorMode();
+  const navigate = useNavigate();
 
   return (
     <Flex direction='column' pt={{ base: '120px', md: '75px' }}>
@@ -167,8 +170,8 @@ function Billing() {
                 w='100%'
                 py='14px'
               >
-                <IconBox h={'60px'} w={'60px'} bg={iconBlue}>
-                  <Icon h={'24px'} w={'24px'} color='white' as={FaPaypal} />
+                <IconBox h={'60px'} w={'60px'} bg='purple.500'>
+                  <Icon h={'24px'} w={'24px'} color='white' as={FaGem} />
                 </IconBox>
                 <Flex
                   direction='column'
@@ -179,7 +182,7 @@ function Billing() {
                   w='100%'
                 >
                   <Text fontSize='md' color={textColor} fontWeight='bold'>
-                    Paypal
+                    订阅服务
                   </Text>
                   <Text
                     mb='24px'
@@ -187,13 +190,17 @@ function Billing() {
                     color='gray.400'
                     fontWeight='semibold'
                   >
-                    Freelance Payment
+                    Pro & Max 版本
                   </Text>
                   <HSeparator />
                 </Flex>
-                <Text fontSize='lg' color={textColor} fontWeight='bold'>
-                  $455.00
-                </Text>
+                <Button 
+                  size='sm' 
+                  colorScheme='purple' 
+                  onClick={() => navigate('/home/pages/account/subscription')}
+                >
+                  管理订阅
+                </Button>
               </Flex>
             </Card>
           </Grid>