fix: countries selection

deriv-com · Aug 1, 2024 · a5c99ed · a5c99ed
1 parent 3a9450a
commit a5c99ed
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/...ents/Modals/PreferredCountriesModal/PreferredCountriesFooter/PreferredCountriesFooter.tsx b/...ents/Modals/PreferredCountriesModal/PreferredCountriesFooter/PreferredCountriesFooter.tsx
@@ -13,6 +13,7 @@ const PreferredCountriesFooter = ({ isDisabled, onClickApply, onClickClear }: TP
     return (
         <div className='flex gap-[0.8rem] w-full'>
             <Button
+                className='border-2'
                 color='black'
                 disabled={isDisabled}
                 isFullWidth

diff --git a/src/pages/my-ads/components/PreferredCountriesSelector/PreferredCountriesSelector.tsx b/src/pages/my-ads/components/PreferredCountriesSelector/PreferredCountriesSelector.tsx
@@ -55,7 +55,10 @@ const PreferredCountriesSelector = ({ countryList, type }: TPreferredCountriesSe
                         setValue('preferred-countries', selectedValues);
                         setIsModalOpen(false);
                     }}
-                    onRequestClose={() => setIsModalOpen(false)}
+                    onRequestClose={() => {
+                        setSelectedValues(getValues('preferred-countries'));
+                        setIsModalOpen(false);
+                    }}
                     selectedCountries={selectedValues}
                     setSelectedCountries={setSelectedValues}
                 />