Ape.bond API url updated and fixed missing close buttons in bond modals

Author: webdev403

src/constants/index.ts

@@ -61,7 +61,7 @@ import {
 import { FeeAmount } from 'v3lib/utils';
 import { BondToken } from 'types/bond';
 
-export const bondAPIV2BaseURL = 'https://api-v2.apeswap.finance';
+export const bondAPIV2BaseURL = 'https://api.ape.bond';
 export const CEX_BILL_ADDRESS = '0x6D7637683eaD28F775F56506602191fdE417fF60';
 
 export const AVERAGE_L1_BLOCK_TIME = 12000;

src/pages/BondsPage/TransferBondModal.tsx

@@ -45,7 +45,7 @@ const TransferBillModal: React.FC<TransferBillModalProps> = ({
       <Box p='20px'>
         <Box className='flex justify-between border-bottom' pb='16px'>
           <h5>{t('tranferBond')}</h5>
-          <Close />
+          <Close className='cursor-pointer' onClick={onClose} />
         </Box>
         <Box className='flex' mt='20px'>
           <p>{t('transferring')}: </p>

src/pages/BondsPage/UserBondModalView.tsx

@@ -18,6 +18,7 @@ import { formatUnits } from 'ethers/lib/utils';
 import { formatNumber } from 'utils';
 import { useCurrency, useCurrencyFromSymbol } from 'hooks/Tokens';
 import { CurrencyLogo, DoubleCurrencyLogo } from 'components';
+import { Close } from '@material-ui/icons';
 
 interface BondModalProps {
   onDismiss?: () => void;
@@ -81,6 +82,9 @@ const UserBondModalView: React.FC<BondModalProps> = ({
           chainId={chainId}
         />
       )}
+      <Box mb={1} className='flex justify-end'>
+        <Close className='cursor-pointer' onClick={onDismiss} />
+      </Box>
       <Grid container spacing={2}>
         <Grid item xs={12} sm={12} md={6}>
           <Box className='flex'>