updated

src/views/Pages/Account/Billing.js

@@ -1,3 +1,21 @@
+/*!
+
+=========================================================
+* Argon Dashboard Chakra PRO - v1.0.0
+=========================================================
+
+* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
+* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
+
+* Designed and Coded by Simmmple & Creative Tim
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+*/
+
+// Chakra imports
 import {
   Box,
   Button,
@@ -21,13 +39,11 @@ 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 {
@@ -43,7 +59,6 @@ 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' }}>
@@ -152,8 +167,8 @@ function Billing() {
                 w='100%'
                 py='14px'
               >
-                <IconBox h={'60px'} w={'60px'} bg='purple.500'>
-                  <Icon h={'24px'} w={'24px'} color='white' as={FaGem} />
+                <IconBox h={'60px'} w={'60px'} bg={iconBlue}>
+                  <Icon h={'24px'} w={'24px'} color='white' as={FaPaypal} />
                 </IconBox>
                 <Flex
                   direction='column'
@@ -164,7 +179,7 @@ function Billing() {
                   w='100%'
                 >
                   <Text fontSize='md' color={textColor} fontWeight='bold'>
-                    订阅服务
+                    Paypal
                   </Text>
                   <Text
                     mb='24px'
@@ -172,17 +187,13 @@ function Billing() {
                     color='gray.400'
                     fontWeight='semibold'
                   >
-                    Pro & Max 版本
+                    Freelance Payment
                   </Text>
                   <HSeparator />
                 </Flex>
-                <Button 
-                  size='sm' 
-                  colorScheme='purple' 
-                  onClick={() => navigate('/home/pages/account/subscription')}
-                >
-                  管理订阅
-                </Button>
+                <Text fontSize='lg' color={textColor} fontWeight='bold'>
+                  $455.00
+                </Text>
               </Flex>
             </Card>
           </Grid>