fix(scrolling): implemented scrolling for country dropdown search

ohcnetwork · Feb 26, 2025 · 83ce2ac · 83ce2ac
1 parent 3751ff8
commit 83ce2ac
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/ui/phone-input.tsx b/src/components/ui/phone-input.tsx
@@ -100,7 +100,7 @@ const CountrySelect = ({
 }: CountrySelectProps) => {
   const { t } = useTranslation();
   const [filteredCountries, setFilteredCountries] = React.useState(countryList);
-  const handleSearch = (query: string) => {
+  const handleScroll = (query: string) => {
     const filtered = countryList.filter(({ label }) =>
       label.toLowerCase().includes(query.toLowerCase()),
     );
@@ -132,7 +132,7 @@ const CountrySelect = ({
           <CommandInput
             placeholder={t("search_country")}
             className="outline-none border-none ring-0 shadow-none"
-            onValueChange={handleSearch}
+            onValueChange={handleScroll}
           />
           <CommandList>
             <ScrollArea className="h-72">