Custom filtering when using the location input search in the sidebar

Vizzuality · Oct 7, 2024 · 0c4dead · 0c4dead
1 parent 1b7d4e7
commit 0c4dead
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/containers/map/sidebar/main-panel/location-selector/location-dropdown/index.tsx b/frontend/src/containers/map/sidebar/main-panel/location-selector/location-dropdown/index.tsx
@@ -51,8 +51,13 @@ const LocationDropdown: FCWithMessages<LocationDropdownProps> = ({
     }
   );
 
+  const handleFiltering = (value: string, search: string) => {
+    if (value.toLocaleLowerCase().includes(search.toLocaleLowerCase())) return 1;
+    return 0;
+  };
+
   return (
-    <Command label={t('search-country-region')} className={cn(className)}>
+    <Command label={t('search-country-region')} className={cn(className)} filter={handleFiltering}>
       <CommandInput placeholder={searchPlaceholder} />
       <CommandEmpty>{t('no-result')}</CommandEmpty>
       <CommandGroup className="mt-4 max-h-64 overflow-y-auto">