fix qrcode script (#3520)

* fix qrcode script

* i18n

projects/app/src/components/support/wallet/NotSufficientModal/index.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import MyModal from '@fastgpt/web/components/common/MyModal';
 import { useTranslation } from 'next-i18next';
 import { Box, Button, Flex, ModalBody, ModalFooter, useDisclosure } from '@chakra-ui/react';
@@ -71,7 +71,13 @@ const RechargeModal = ({
   onPaySuccess: () => void;
 }) => {
   const { t } = useTranslation();
-  const { teamPlanStatus } = useUserStore();
+  const { teamPlanStatus, initTeamPlanStatus } = useUserStore();
+
+  useEffect(() => {
+    (async () => {
+      await initTeamPlanStatus();
+    })();
+  }, [initTeamPlanStatus]);
 
   const planName = useMemo(() => {
     if (!teamPlanStatus?.standard?.currentSubLevel) return '';

projects/app/src/components/support/wallet/QRCodePayModal.tsx

@@ -7,6 +7,8 @@ import { useToast } from '@fastgpt/web/hooks/useToast';
 import { useRouter } from 'next/router';
 import { getErrText } from '@fastgpt/global/common/error/utils';
 import LightTip from '@fastgpt/web/components/common/LightTip';
+import Script from 'next/script';
+import { getWebReqUrl } from '@fastgpt/web/common/system/utils';
 
 export type QRPayProps = {
   readPrice: number;
@@ -76,15 +78,19 @@ const QRCodePayModal = ({
   }, [billId, onSuccess, toast]);
 
   return (
-    <MyModal isOpen title={t('common:user.Pay')} iconSrc="/imgs/modal/pay.svg">
-      <ModalBody textAlign={'center'} pb={10} whiteSpace={'pre-wrap'}>
-        {tip && <LightTip text={tip} mb={8} textAlign={'left'} />}
-        <Box ref={dom} id={'payQRCode'} display={'inline-block'} h={`${qrCodeSize}px`}></Box>
-        <Box mt={5} textAlign={'center'}>
-          {t('common:pay.wechat', { price: readPrice })}
-        </Box>
-      </ModalBody>
-    </MyModal>
+    <>
+      <Script src={getWebReqUrl('/js/qrcode.min.js')} strategy="lazyOnload"></Script>
+
+      <MyModal isOpen title={t('common:user.Pay')} iconSrc="/imgs/modal/pay.svg">
+        <ModalBody textAlign={'center'} pb={10} whiteSpace={'pre-wrap'}>
+          {tip && <LightTip text={tip} mb={8} textAlign={'left'} />}
+          <Box ref={dom} id={'payQRCode'} display={'inline-block'} h={`${qrCodeSize}px`}></Box>
+          <Box mt={5} textAlign={'center'}>
+            {t('common:pay.wechat', { price: readPrice })}
+          </Box>
+        </ModalBody>
+      </MyModal>
+    </>
   );
 };
 

projects/app/src/pages/price/components/Standard.tsx

@@ -88,8 +88,14 @@ const Standard = ({
               {
                 label: (
                   <Flex>
-                    {t('common:support.wallet.subscription.mode.Year')}
-                    <Box ml={1} color={selectSubMode === SubModeEnum.month ? 'red.600' : 'auto'}>
+                    <Box whiteSpace={'nowrap'}>
+                      {t('common:support.wallet.subscription.mode.Year')}
+                    </Box>
+                    <Box
+                      whiteSpace={'nowrap'}
+                      ml={1}
+                      color={selectSubMode === SubModeEnum.month ? 'red.600' : 'auto'}
+                    >
                       ({t('common:support.wallet.subscription.mode.Year sale')})
                     </Box>
                   </Flex>

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

@@ -10,8 +10,6 @@ import ExtraPlan from './components/ExtraPlan';
 import PointsCard from './components/Points';
 import FAQ from './components/FAQ';
 import { getToken } from '@/web/support/user/auth';
-import Script from 'next/script';
-import { getWebReqUrl } from '@fastgpt/web/common/system/utils';
 import { useTranslation } from 'next-i18next';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useSystemStore } from '@/web/common/system/useSystemStore';
@@ -26,61 +24,53 @@ const PriceBox = () => {
   });
 
   return (
-    <>
-      <Script src={getWebReqUrl('/js/qrcode.min.js')} strategy="lazyOnload"></Script>
-      <Flex
-        h={'100%'}
-        flexDir={'column'}
-        overflow={'overlay'}
-        w={'100%'}
-        px={['20px', '5vw']}
-        py={['30px', '80px']}
-        bg={`linear-gradient(to right, #F8F8FD00, #F7F7FF),url(/imgs/priceBg.svg)`}
-        backgroundSize={'cover'}
-        backgroundRepeat={'no-repeat'}
-      >
-        {/* standard sub */}
-        <VStack>
-          <Box fontWeight={'600'} color={'myGray.900'} fontSize={['24px', '36px']}>
-            {t('common:support.wallet.subscription.Sub plan')}
+    <Flex
+      h={'100%'}
+      flexDir={'column'}
+      overflow={'overlay'}
+      w={'100%'}
+      px={['20px', '5vw']}
+      py={['30px', '80px']}
+      bg={`linear-gradient(to right, #F8F8FD00, #F7F7FF),url(/imgs/priceBg.svg)`}
+      backgroundSize={'cover'}
+      backgroundRepeat={'no-repeat'}
+    >
+      {/* standard sub */}
+      <VStack>
+        <Box fontWeight={'600'} color={'myGray.900'} fontSize={['24px', '36px']}>
+          {t('common:support.wallet.subscription.Sub plan')}
+        </Box>
+        <Box mt={8} mb={10} fontWeight={'500'} color={'myGray.600'} fontSize={'md'}>
+          {t('common:support.wallet.subscription.Sub plan tip', {
+            title: feConfigs?.systemTitle
+          })}
+        </Box>
+        <StandardPlan standardPlan={teamSubPlan?.standard} />
+        <HStack mt={8} color={'blue.700'} ml={8}>
+          <MyIcon name={'infoRounded'} w={'1rem'} />
+          <Box fontSize={'sm'} fontWeight={'500'}>
+            {t('user:bill.standard_valid_tip')}
           </Box>
-          <Box mt={8} mb={10} fontWeight={'500'} color={'myGray.600'} fontSize={'md'}>
-            {t('common:support.wallet.subscription.Sub plan tip', {
-              title: feConfigs?.systemTitle
-            })}
-          </Box>
-          <StandardPlan standardPlan={teamSubPlan?.standard} />
-          <HStack mt={8} color={'blue.700'} ml={8}>
-            <MyIcon name={'infoRounded'} w={'1rem'} />
-            <Box fontSize={'sm'} fontWeight={'500'}>
-              {t('user:bill.standard_valid_tip')}
-            </Box>
-          </HStack>
-        </VStack>
+        </HStack>
+      </VStack>
 
-        {/* extra plan */}
-        <VStack mt={['40px', '100px']} mb={8}>
-          <Box
-            id={'extra-plan'}
-            fontWeight={'bold'}
-            fontSize={['24px', '36px']}
-            color={'myGray.900'}
-          >
-            {t('common:support.wallet.subscription.Extra plan')}
-          </Box>
-          <Box mt={2} mb={8} color={'myGray.600'} fontSize={'md'}>
-            {t('common:support.wallet.subscription.Extra plan tip')}
-          </Box>
-          <ExtraPlan />
-        </VStack>
+      {/* extra plan */}
+      <VStack mt={['40px', '100px']} mb={8}>
+        <Box id={'extra-plan'} fontWeight={'bold'} fontSize={['24px', '36px']} color={'myGray.900'}>
+          {t('common:support.wallet.subscription.Extra plan')}
+        </Box>
+        <Box mt={2} mb={8} color={'myGray.600'} fontSize={'md'}>
+          {t('common:support.wallet.subscription.Extra plan tip')}
+        </Box>
+        <ExtraPlan />
+      </VStack>
 
-        {/* points */}
-        <PointsCard />
+      {/* points */}
+      <PointsCard />
 
-        {/* question */}
-        <FAQ />
-      </Flex>
-    </>
+      {/* question */}
+      <FAQ />
+    </Flex>
   );
 };
 

projects/app/src/web/support/user/hooks/useSendCode.tsx

@@ -43,12 +43,12 @@ export const useSendCode = ({ type }: { type: `${UserAuthTypeEnum}` }) => {
   const sendCodeText = useMemo(() => {
     if (codeSending) return t('common:support.user.auth.Sending Code');
     if (codeCountDown >= 10) {
-      return `${codeCountDown}${t('user:password.get_code_again')}`;
+      return `${codeCountDown}${t('common:support.user.auth.get_code_again')}`;
     }
     if (codeCountDown > 0) {
-      return `0${codeCountDown}${t('user:password.get_code_again')}`;
+      return `0${codeCountDown}${t('common:support.user.auth.get_code_again')}`;
     }
-    return t('user:password.get_code');
+    return t('common:support.user.auth.get_code');
   }, [codeCountDown, codeSending, t]);
 
   const {