Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

refactor: remove unused state and resize handler from DrowdownFilters component

Browse source
This commit is contained in:
Marco Pedone 2025-12-30 09:43:03 +01:00
parent 3b2538736d
commit 5829a45718
1 changed files with 6 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
apps/infoalloggi/src/pages/annunci.tsx
View file

@ -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 (
<div className="flex w-full sm:w-auto 2xl:hidden">
<DropdownMenu onOpenChange={setOpen} open={open}>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
className="group flex w-full flex-row gap-2 sm:w-auto"
@ -225,7 +214,7 @@ const DrowdownFilters = () => {
</Badge>
<Filter className="size-5" />{" "}
{nFiltri === 1 ? t.annunci.filtro_attivo : t.annunci.filtri_attivi}
{open ? <ChevronUp /> : <ChevronDown />}
<ChevronDown />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent