From 0a60ba58a3f2ed0cfa58fe3924aa6f88d32d2b63 Mon Sep 17 00:00:00 2001
From: aryabenade <benadearya@gmail.com>
Date: Fri, 20 Mar 2026 11:49:11 +0530
Subject: [PATCH] remove the useMemo hook from CitySelectionDialog

---
 src/components/CitySelectionDialog.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/components/CitySelectionDialog.tsx b/src/components/CitySelectionDialog.tsx
index ec0efff..203aa72 100644
--- a/src/components/CitySelectionDialog.tsx
+++ b/src/components/CitySelectionDialog.tsx
@@ -53,14 +53,6 @@ export function CitySelectionDialog({
     setSearch(e.target.value)
   }
 
-  const filteredCities = useMemo(() =>
-    cities?.filter((city: City) =>
-      city.cityName.toLowerCase().includes(search.toLowerCase())
-    ) ?? [],
-    [cities, search]
-  );
-
-
   return (
     <Dialog open={isOpen} onOpenChange={onClose}>
       <DialogContent className="max-w-md w-full p-0 gap-0 font-poppins">
@@ -99,7 +91,7 @@ export function CitySelectionDialog({
         <div className="px-6 pb-6 max-h-[60vh] overflow-y-auto">
           <AnimatePresence>
             <div className="grid grid-cols-2 gap-3">
-              {filteredCities && filteredCities.map((city: City) => (
+              {cities && cities.map((city: City) => (
                 <motion.button
                   key={city.id}
                   onClick={() => handleCityClick(city)}
@@ -126,7 +118,7 @@ export function CitySelectionDialog({
             </div>
           </AnimatePresence>
 
-          {filteredCities?.length === 0 && (
+          {cities?.length === 0 && (
             <div className="text-center py-8">
               <p className="text-gray-500 font-poppins">
                 No cities found matching "{search}"