From b6f3f57455d91f0dff9db73bbd68953b6905a7fc Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Tue, 25 Apr 2023 12:35:09 -0700
Subject: [PATCH] Added fallback in case country code not found.

---
 components/metrics/CountriesTable.js |   2 +-
 components/metrics/RegionsTable.js   |   2 +-
 public/images/flags/xx.png           | Bin 0 -> 106 bytes
 3 files changed, 2 insertions(+), 2 deletions(-)
 create mode 100644 public/images/flags/xx.png

diff --git a/components/metrics/CountriesTable.js b/components/metrics/CountriesTable.js
index 6dfb9195..2d7b5ceb 100644
--- a/components/metrics/CountriesTable.js
+++ b/components/metrics/CountriesTable.js
@@ -17,7 +17,7 @@ export function CountriesTable({ websiteId, ...props }) {
         value={countryNames[code] && code}
         label={countryNames[code]}
       >
-        <img src={`/images/flags/${code.toLowerCase()}.png`} alt={code} />
+        <img src={`/images/flags/${code?.toLowerCase() || 'xx'}.png`} alt={code} />
       </FilterLink>
     );
   }
diff --git a/components/metrics/RegionsTable.js b/components/metrics/RegionsTable.js
index 83296d97..c8e0b768 100644
--- a/components/metrics/RegionsTable.js
+++ b/components/metrics/RegionsTable.js
@@ -18,7 +18,7 @@ export function RegionsTable({ websiteId, ...props }) {
   const renderLink = ({ x: code }) => {
     return (
       <FilterLink id="region" className={locale} value={code} label={renderLabel(code)}>
-        <img src={`/images/flags/${code.split('-')[0].toLowerCase()}.png`} alt={code} />
+        <img src={`/images/flags/${code?.split('-')?.[0]?.toLowerCase() || 'xx'}.png`} alt={code} />
       </FilterLink>
     );
   };
diff --git a/public/images/flags/xx.png b/public/images/flags/xx.png
new file mode 100644
index 0000000000000000000000000000000000000000..520580267a8f7d042e6d1379342debad642d5222
GIT binary patch
literal 106
zcmeAS@N?(olHy`uVBq!ia0vp^B0$W?!3HGtkJx+wQk(@Ik;M!Q+`=Ht$S`Y;1W-`M
z)5S5wqBr@^|Nr*Pri{X&zS5=zR}KU+xA!(ORDNWZoIHQsY@j*@Pgg&ebxsLQ08rW*
A0ssI2

literal 0
HcmV?d00001