fix: Remove Bank reference from ASCOR dropdown

Vizzuality · Dec 6, 2023 · 8c3cc45 · 8c3cc45
1 parent 66290ed
commit 8c3cc45
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/app/javascript/components/tpi/AscorDropdown.js b/app/javascript/components/tpi/AscorDropdown.js
@@ -15,7 +15,7 @@ import chevronIconBlack from 'images/icon_chevron_dark/chevron_down_black-1.svg'
 const ESCAPE_KEY = 27;
 const ENTER_KEY = 13;
 
-const AscorSelector = ({ banks, selectedOption }) => {
+const AscorSelector = ({ countries, selectedOption }) => {
   const [searchValue, setSearchValue] = useState('');
   const [isOpen, setIsOpen] = useState(false);
   const inputEl = useRef(null);
@@ -32,18 +32,18 @@ const AscorSelector = ({ banks, selectedOption }) => {
     return searchResults;
   };
 
-  const searchResults = useMemo(() => (searchValue ? fuse(banks) : []), [searchValue]);
+  const searchResults = useMemo(() => (searchValue ? fuse(countries) : []), [searchValue]);
 
   const options = useMemo(() => (searchValue
-    ? searchResults : banks),
-  [searchValue, banks]);
+    ? searchResults : countries),
+  [searchValue, countries]);
 
   const input = () => (
     <input
       ref={inputEl}
       className="dropdown-selector__input"
       onChange={e => setSearchValue(e.target.value)}
-      placeholder="Type or select bank"
+      placeholder="Type or select country"
     />
   );
 
@@ -172,7 +172,7 @@ const AscorSelector = ({ banks, selectedOption }) => {
 };
 
 AscorSelector.propTypes = {
-  banks: PropTypes.array.isRequired,
+  countries: PropTypes.array.isRequired,
   selectedOption: PropTypes.string.isRequired
 };
 

diff --git a/app/views/tpi/ascor/index.html.erb b/app/views/tpi/ascor/index.html.erb
@@ -7,7 +7,7 @@
     <div class="right-icon"></div>
     <div class="bottom-icon"></div>
 
-    <%= react_component("AscorDropdown", { banks: @countries_json, selectedOption: 'All countries' }) %>
+    <%= react_component("AscorDropdown", { countries: @countries_json, selectedOption: 'All countries' }) %>
 
     <div class="ascor-header container">
       <div class="links">

diff --git a/app/views/tpi/ascor/show.html.erb b/app/views/tpi/ascor/show.html.erb
@@ -7,7 +7,7 @@
     <div class="right-icon"></div>
     <div class="bottom-icon"></div>
 
-    <%= react_component("AscorDropdown", { banks: @countries_json, selectedOption: @country.name }) %>
+    <%= react_component("AscorDropdown", { countries: @countries_json, selectedOption: @country.name }) %>
 
     <div class="ascor-header container show-version">
       <div class="ascor-header__assessment-dropdown">