Merge pull request #460 from salimshamim/salimshamim/459

BugFix: when clicked on one of the items of the sort dropdown, it is…
code100x · Aug 17, 2024 · 71337fe · 71337fe
2 parents b087482 + 00919bd
commit 71337fe
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/apps/web/components/Tracks.tsx b/apps/web/components/Tracks.tsx
@@ -21,6 +21,7 @@ export const Tracks = ({ tracks }: { tracks: TrackPros[] }) => {
   const selectedCategory = useRecoilValue(category);
   const [filteredTracks, setFilteredTracks] = useState<TrackPros[]>(tracks);
   const [sortBy, setSortBy] = useState<string>("");
+  const [isSelectOpen, setIsSelectOpen] = useState<boolean>(false);
   const [cohort3, setCohort3] = useState<boolean>(false);
 
   const filterTracks = () => {
@@ -56,6 +57,8 @@ export const Tracks = ({ tracks }: { tracks: TrackPros[] }) => {
     <div>
       <div className="flex flex-col gap-4 md:flex-row items-center justify-evenly mt-6">
         <Select
+          open = {isSelectOpen}
+          onOpenChange={() => { setTimeout(() => { setIsSelectOpen(!isSelectOpen); }, 20); }}
           onValueChange={(e) => {
             setSortBy(e);
           }}