v4.6.2-alpah (#511)

projects/app/src/pages/account/components/BillDetail.tsx

@@ -26,7 +26,12 @@ const BillDetail = ({ bill, onClose }: { bill: BillItemType; onClose: () => void
   );
 
   return (
-    <MyModal isOpen={true} onClose={onClose} title={t('user.Bill Detail')}>
+    <MyModal
+      isOpen={true}
+      onClose={onClose}
+      iconSrc="/imgs/modal/bill.svg"
+      title={t('user.Bill Detail')}
+    >
       <ModalBody>
         <Flex alignItems={'center'} pb={4}>
           <Box flex={'0 0 80px'}>用户:</Box>
@@ -63,15 +68,15 @@ const BillDetail = ({ bill, onClose }: { bill: BillItemType; onClose: () => void
                   <Th>模块名</Th>
                   <Th>AI模型</Th>
                   <Th>Token长度</Th>
-                  <Th>费用</Th>
+                  <Th>费用(￥)</Th>
                 </Tr>
               </Thead>
               <Tbody>
                 {filterBillList.map((item, i) => (
                   <Tr key={i}>
                     <Td>{t(item.moduleName)}</Td>
-                    <Td>{item.model}</Td>
-                    <Td>{item.tokenLen}</Td>
+                    <Td>{item.model || '-'}</Td>
+                    <Td>{item.tokenLen || '-'}</Td>
                     <Td>{formatPrice(item.amount)}</Td>
                   </Tr>
                 ))}

projects/app/src/pages/account/components/OpenAIAccountModal.tsx

@@ -29,7 +29,12 @@ const OpenAIAccountModal = ({
   });
 
   return (
-    <MyModal isOpen onClose={onClose} title={t('user.OpenAI Account Setting')}>
+    <MyModal
+      isOpen
+      onClose={onClose}
+      iconSrc="/imgs/modal/openai.svg"
+      title={t('user.OpenAI Account Setting')}
+    >
       <ModalBody>
         <Box fontSize={'sm'} color={'myGray.500'}>
           可以填写 OpenAI/OneAPI 的相关秘钥。如果你填写了该内容，在线上平台使用 OpenAI Chat

projects/app/src/pages/account/components/PayModal.tsx

@@ -67,9 +67,10 @@ const PayModal = ({ onClose }: { onClose: () => void }) => {
       isOpen={true}
       onClose={payId ? undefined : onClose}
       title={t('user.Pay')}
+      iconSrc="/imgs/modal/pay.svg"
       isCentered={!payId}
     >
-      <ModalBody p={0} minH={payId ? 'auto' : '70vh'} display={'flex'} flexDirection={'column'}>
+      <ModalBody px={0} minH={payId ? 'auto' : '70vh'} display={'flex'} flexDirection={'column'}>
         {!payId && (
           <>
             <Grid gridTemplateColumns={'repeat(4,1fr)'} gridGap={5} mb={4} px={6}>

projects/app/src/pages/account/components/UpdatePswModal.tsx

@@ -37,7 +37,12 @@ const UpdatePswModal = ({ onClose }: { onClose: () => void }) => {
   });
 
   return (
-    <MyModal isOpen onClose={onClose} title={t('user.Update Password')}>
+    <MyModal
+      isOpen
+      onClose={onClose}
+      iconSrc="/imgs/modal/password.svg"
+      title={t('user.Update Password')}
+    >
       <ModalBody>
         <Flex alignItems={'center'}>
           <Box flex={'0 0 70px'}>旧密码:</Box>

projects/app/src/pages/account/index.tsx

@@ -106,7 +106,6 @@ const Account = ({ currentTab }: { currentTab: `${TabEnum}` }) => {
     (tab: string) => {
       if (tab === TabEnum.loginout) {
         openConfirm(() => {
-          clearToken();
           setUserInfo(null);
           router.replace('/login');
         })();