diff --git a/apps/infoalloggi/src/pages/annunci.tsx b/apps/infoalloggi/src/pages/annunci.tsx index ce44d5a..f5458c6 100644 --- a/apps/infoalloggi/src/pages/annunci.tsx +++ b/apps/infoalloggi/src/pages/annunci.tsx @@ -1,7 +1,6 @@ import { keepPreviousData } from "@tanstack/react-query"; import { ChevronDown, - ChevronUp, Filter, FilterX, MapIcon, @@ -11,7 +10,7 @@ import { import type { GetServerSideProps } from "next"; import dynamic from "next/dynamic"; import Head from "next/head"; -import { useCallback, useEffect, useMemo, useState } from "react"; +import { useCallback, useMemo } from "react"; import { AccordionComp } from "~/components/accordionComp"; import { CTA_TipologiaModal } from "~/components/annunci_tutorial"; import { LazyCardAnnuncio } from "~/components/annuncio_card"; @@ -35,6 +34,7 @@ import { SelectTrigger, SelectValue, } from "~/components/ui/select"; +import { useMediaQuery } from "~/hooks/use-media-query"; import { cn, debounce } from "~/lib/utils"; import { useTranslation } from "~/providers/I18nProvider"; import { @@ -198,23 +198,12 @@ const RicercaSideFilters = () => { const DrowdownFilters = () => { const { t } = useTranslation(); const { nFiltri } = useRicerca(); - const [open, setOpen] = useState(false); - - // Close dropdown when page resizes - const handleResize = useCallback(() => { - setOpen(false); - }, []); - - useEffect(() => { - window.addEventListener("resize", handleResize); - return () => { - window.removeEventListener("resize", handleResize); - }; - }, [handleResize]); + const isBigScreen = useMediaQuery("(min-width: 96rem)"); + if (isBigScreen) return null; return (
- +