import type { GetServerSideProps } from "next"; import Head from "next/head"; import { useEffect, useMemo, useState } from "react"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "~/components/ui/select"; import { LoadingPage } from "~/components/loading"; import { Button } from "~/components/ui/button"; import { Label } from "~/components/ui/label"; import { cn } from "~/lib/utils"; import { ChevronDown, ChevronRight, ChevronsRight, ChevronUp, Filter, FilterX, MapIcon, RotateCcwIcon, Table, } from "lucide-react"; import { useTranslation } from "~/providers/I18nProvider"; import { AnnunciGrid } from "~/components/annunci_grid"; import { Status500 } from "~/components/status-page"; import { CodiceBox } from "~/components/codiceRicerca"; import { generateSSGHelper } from "~/server/utils/ssgHelper"; import { MapSection } from "~/components/annunci_map"; import { api } from "~/utils/api"; import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger, } from "~/components/ui/dropdown-menu"; import { Badge } from "~/components/ui/badge"; import { RicercaProvider, useRicerca, type AnnunciOptions, type SortTypes, } from "~/providers/RicercaProvider"; import { AccordionComp } from "~/components/accordionComp"; import { CTA_TipologiaModal } from "~/components/annunci_tutorial"; import { keepPreviousData } from "@tanstack/react-query"; type AnnunciPageProps = { options: AnnunciOptions; }; const Annunci = ({ options }: AnnunciPageProps) => { const { t } = useTranslation(); return ( {t.heads.annunci_titolo}
{t.annunci.titolo}
); }; export default Annunci; export const getServerSideProps = (async () => { const helper = generateSSGHelper(); const options = await helper.annunci.getAnnunciOptions.fetch(); return { props: { options, }, }; }) satisfies GetServerSideProps; const Ricerca = () => { const { map, page } = useRicerca(); useEffect(() => { window.scrollTo({ top: 0, behavior: "smooth" }); }, [page]); return ( <>
{map ? : } ); }; const RicercaFilters = () => { const { t } = useTranslation(); const { map, setMap, tipo, setTipo, comune, setComune, consegna, setConsegna, sort, setSort, comuniOptions, tipologieOptions, consegnaOptions, ResetParams, nFiltri, } = useRicerca(); const [open, setOpen] = useState(false); const mappedConsegnaOptions = useMemo( () => consegnaOptions.map((m) => t.preferenze.mesi[m]!).filter(Boolean), [consegnaOptions, t.preferenze.mesi], ); return (
{ await setTipo(value); }} placeholder={t.seleziona_placeholder} handleReset={async () => { await setTipo(""); }} /> { await setComune(value); }} placeholder={t.seleziona_placeholder} handleReset={async () => { await setComune(null); }} /> { if (value === "") { await setConsegna(null); return; } if (t.preferenze.mesi.includes(value)) { await setConsegna(t.preferenze.mesi.indexOf(value)); return; } else { console.warn("Value not found in preferenze.mesi"); await setConsegna(null); } }} placeholder={t.seleziona_placeholder} handleReset={async () => { await setConsegna(null); }} /> { await setSort(value); }} placeholder={t.seleziona_placeholder} handleReset={async () => { await setSort(""); }} />