From c7dbac443ad9fa8bd49f446fa48a7a508c02a53c Mon Sep 17 00:00:00 2001
From: Sophia <littlejohn.sophia@gmail.com>
Date: Tue, 30 May 2023 17:46:54 -0400
Subject: [PATCH] Fix external link and filter countries that have been
 selected (#1430)

---
 .../Investors/OnboardingSettings.tsx           | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/centrifuge-app/src/pages/IssuerPool/Investors/OnboardingSettings.tsx b/centrifuge-app/src/pages/IssuerPool/Investors/OnboardingSettings.tsx
index 98191f59fa..97ad4d6f77 100644
--- a/centrifuge-app/src/pages/IssuerPool/Investors/OnboardingSettings.tsx
+++ b/centrifuge-app/src/pages/IssuerPool/Investors/OnboardingSettings.tsx
@@ -132,7 +132,7 @@ export const OnboardingSettings = () => {
           agreements: onboardingAgreements,
           kycRestrictedCountries,
           kybRestrictedCountries,
-          externalOnboardingUrl: values.externalOnboardingUrl,
+          externalOnboardingUrl: useExternalUrl ? values.externalOnboardingUrl : undefined,
         },
       }
       updateConfigTx([poolId, amendedMetadata])
@@ -255,9 +255,11 @@ export const OnboardingSettings = () => {
                 list="kybSupportedCountries"
               />
               <datalist id="kybSupportedCountries">
-                {Object.entries(KYB_COUNTRY_CODES).map(([code, country]) => (
-                  <option key={code} value={country} id={code} />
-                ))}
+                {Object.entries(KYB_COUNTRY_CODES)
+                  .filter(([_, country]) => !formik.values.kybRestrictedCountries.includes(country))
+                  .map(([code, country]) => (
+                    <option key={code} value={country} id={code} />
+                  ))}
               </datalist>
               <Stack gap={0}>
                 {formik.values.kybRestrictedCountries.length > 0 && (
@@ -314,9 +316,11 @@ export const OnboardingSettings = () => {
                 list="kycSupportedCountries"
               />
               <datalist id="kycSupportedCountries">
-                {Object.entries(KYC_COUNTRY_CODES).map(([code, country]) => (
-                  <option key={code} value={country} id={code} />
-                ))}
+                {Object.entries(KYC_COUNTRY_CODES)
+                  .filter(([_, country]) => !formik.values.kycRestrictedCountries.includes(country))
+                  .map(([code, country]) => (
+                    <option key={code} value={country} id={code} />
+                  ))}
               </datalist>
               <Stack gap={0}>
                 {formik.values.kycRestrictedCountries.length > 0 && (