From f04b32d3dfd1ad70be457c6aa30ef882568089d0 Mon Sep 17 00:00:00 2001
From: Surmon <surmon.me@gmail.com>
Date: Sat, 17 Aug 2024 20:02:05 +0800
Subject: [PATCH] fix(dashboard): unknow country code

---
 .../Dashboard/GoogleAnalytics/Realtime.tsx    | 28 +++++++++++++------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/pages/Dashboard/GoogleAnalytics/Realtime.tsx b/src/pages/Dashboard/GoogleAnalytics/Realtime.tsx
index 589e57c..332ab31 100644
--- a/src/pages/Dashboard/GoogleAnalytics/Realtime.tsx
+++ b/src/pages/Dashboard/GoogleAnalytics/Realtime.tsx
@@ -86,7 +86,7 @@ export const GoogleAnalyticsRealtime: React.FC<GoogleAnalyticsRealtimeProps> = (
     window.clearTimeout(intervalId.current)
   })
 
-  const renderList = (dataSource: ReportRowItem[]) => (
+  const renderRegionList = (dataSource: ReportRowItem[]) => (
     <List
       style={{ maxHeight: 120, overflowY: 'auto' }}
       size="small"
@@ -95,13 +95,23 @@ export const GoogleAnalyticsRealtime: React.FC<GoogleAnalyticsRealtimeProps> = (
       renderItem={(item, index) => (
         <List.Item key={index} style={{ paddingInline: 0 }}>
           <Flex justify="space-between">
-            <UniversalText
-              text={item.dimensionValues[0].value}
-              prefix={countryCodeToEmoji(item.dimensionValues[0].value)}
-              suffix={
-                <UniversalText text={item.dimensionValues[1].value} type="secondary" small />
-              }
-            />
+            {item.dimensionValues[0].value.includes('other') ? (
+              <UniversalText
+                text={'__'}
+                prefix="🌍"
+                suffix={
+                  <UniversalText text={item.dimensionValues[1].value} type="secondary" small />
+                }
+              />
+            ) : (
+              <UniversalText
+                text={item.dimensionValues[0].value}
+                prefix={countryCodeToEmoji(item.dimensionValues[0].value)}
+                suffix={
+                  <UniversalText text={item.dimensionValues[1].value} type="secondary" small />
+                }
+              />
+            )}
             <UniversalText text={item.metricValues[0].value} type="secondary" />
           </Flex>
         </List.Item>
@@ -125,7 +135,7 @@ export const GoogleAnalyticsRealtime: React.FC<GoogleAnalyticsRealtimeProps> = (
         />
         <Divider style={{ marginBottom: 0, marginTop: 14 }} />
         {regionReports.length ? (
-          renderList(regionReports)
+          renderRegionList(regionReports)
         ) : (
           <Empty image={null} imageStyle={{ height: '1rem' }} />
         )}