From ee6b12979f6d3f65e6b3fc0f3d9a6a4400617fdd Mon Sep 17 00:00:00 2001
From: zhujingyang <72259332+zjy365@users.noreply.github.com>
Date: Wed, 27 Mar 2024 16:22:41 +0800
Subject: [PATCH] fix:desktop region info (#4631)

Signed-off-by: jingyang <3161362058@qq.com>
---
 .../desktop/src/components/region/RegionToggle.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/desktop/src/components/region/RegionToggle.tsx b/frontend/desktop/src/components/region/RegionToggle.tsx
index 428960910b4..29ac801d223 100644
--- a/frontend/desktop/src/components/region/RegionToggle.tsx
+++ b/frontend/desktop/src/components/region/RegionToggle.tsx
@@ -27,6 +27,7 @@ export default function RegionToggle() {
     }
   }, [token]);
   const curRegion = regionList.find((r) => r.uid === curRegionUid);
+
   const handleCick = async (region: Region) => {
     const target = new URL(`https://${region.domain}/switchRegion`);
     const res = await request.get<any, ApiResp<{ token: string }>>('/api/auth/globalToken');
@@ -50,8 +51,8 @@ export default function RegionToggle() {
           onClick={() => disclosure.onOpen()}
         >
           <Text>
-            {providerT(curRegion?.location || '')} {curRegion?.description.serial}
-          </Text>{' '}
+            {providerT(curRegion?.location || '')} {curRegion?.description?.serial}
+          </Text>
           <ExchangeIcon />
         </HStack>
         {disclosure.isOpen ? (
@@ -77,7 +78,7 @@ export default function RegionToggle() {
               >
                 <HStack gap={'12px'} alignItems={'stretch'}>
                   {regionList.map((region) => {
-                    const cpuPrice = region.description.prices.find((p) => p.name === 'CPU');
+                    const cpuPrice = region?.description?.prices?.find((p) => p.name === 'CPU');
                     return (
                       <Box
                         bgColor={'rgba(255, 255, 255, 0.75)'}
@@ -103,7 +104,7 @@ export default function RegionToggle() {
                       >
                         <Box px={'16px'} fontSize={'14px'} fontWeight={'500'}>
                           <Text color={'#152539'}>
-                            {providerT(region.location)} {region.description.serial}
+                            {providerT(region?.location)} {region?.description?.serial}
                           </Text>
                           {cpuPrice && (
                             <Text color={'#0884DD'} whiteSpace={'nowrap'}>
@@ -119,15 +120,14 @@ export default function RegionToggle() {
                             <Text>{providerT('Provider')}</Text>
                           </HStack>
                           <Text color={'#111824'} mb={'8px'}>
-                            {providerT(region.description.provider)}
+                            {providerT(region?.description?.provider)}
                           </Text>
                           <HStack color={'#485264'} gap={'4px'} mb={'2px'}>
                             <InfoIcon boxSize={'12px'} />
                             <Text>{t('Description')}</Text>
                           </HStack>
                           <Text color={'#111824'} lineHeight={'20px'}>
-                            {' '}
-                            {t(region.description.description.zh)}
+                            {t(region?.description?.description?.zh)}
                           </Text>
                         </Box>
                       </Box>