@@ -19,70 +20,70 @@ import type { ReactNode } from "react";
*/
type ChildrenBubbleProps = {
- children: ReactNode;
- href?: undefined;
- txt?: undefined;
- target?: undefined;
+ children: ReactNode;
+ href?: undefined;
+ txt?: undefined;
+ target?: undefined;
};
type LinkBubbleProps = {
- children?: undefined;
- href: string;
- txt: string;
- target?: "_self" | "_blank" | "_parent" | "_top";
+ children?: undefined;
+ href: string;
+ txt: string;
+ target?: "_self" | "_blank" | "_parent" | "_top";
};
type InformationBubbleProps = {
- className?: string;
- iconClassName?: string;
- icon?: IconType;
- side?: "top" | "bottom" | "left" | "right";
+ className?: string;
+ iconClassName?: string;
+ icon?: IconType;
+ side?: "top" | "bottom" | "left" | "right";
} & (ChildrenBubbleProps | LinkBubbleProps);
const InformationBubble = ({
- className,
- icon = "circle-help",
- iconClassName,
- side,
- children,
- href,
- txt,
- target,
+ className,
+ icon = "circle-help",
+ iconClassName,
+ side,
+ children,
+ href,
+ txt,
+ target,
}: InformationBubbleProps) => {
- return (
-
-
-
-
-
+ return (
+
+
+
+
+
-
- {href ? (
-
-
- {txt}
-
- ) : (
- <>{children}
- )}
-
-
-
- );
+
+ {href ? (
+
+
+ {txt}
+
+ ) : (
+ <>{children}
+ )}
+
+
+
+ );
};
export default InformationBubble;
diff --git a/apps/infoalloggi/src/components/Layout.tsx b/apps/infoalloggi/src/components/Layout.tsx
index b1a8ef9..382e878 100644
--- a/apps/infoalloggi/src/components/Layout.tsx
+++ b/apps/infoalloggi/src/components/Layout.tsx
@@ -1,297 +1,297 @@
-import { useContext, type ReactNode } from "react";
-import { BannerFactory } from "~/components/banners";
-import { Footer, MiniFooter } from "~/components/footer";
-import { SiteHeader } from "~/components/navbar/site-header";
-import { useTranslation } from "~/providers/I18nProvider";
-import { UserViewContext, UserViewProvider } from "~/lib/userViewContext";
+import {
+ ExternalLink,
+ Mail,
+ MessagesSquare,
+ Paperclip,
+ Search,
+ ShoppingBag,
+ Tickets,
+ UserCog,
+} from "lucide-react";
import Head from "next/head";
import Link from "next/link";
-import {
- ExternalLink,
- Mail,
- MessagesSquare,
- Paperclip,
- Search,
- ShoppingBag,
- Tickets,
- UserCog,
-} from "lucide-react";
+import { usePathname } from "next/navigation";
+import { useRouter } from "next/router";
+import { type ReactNode, useContext } from "react";
+import toast from "react-hot-toast";
+import { Sidebar } from "~/components/area-riservata/sidebar";
+import { BannerFactory } from "~/components/banners";
+import { Footer, MiniFooter } from "~/components/footer";
+import { LoadingPage } from "~/components/loading";
+import { SiteHeader } from "~/components/navbar/site-header";
+import { WhatsAppIcon } from "~/components/svgs";
import { Button } from "~/components/ui/button";
import { Separator } from "~/components/ui/separator";
-import { usePathname } from "next/navigation";
-import { api } from "~/utils/api";
-import { Sidebar } from "~/components/area-riservata/sidebar";
-import type { UsersId } from "~/schemas/public/Users";
-import toast from "react-hot-toast";
-import { useRouter } from "next/router";
+import { UserViewContext, UserViewProvider } from "~/lib/userViewContext";
+import { useTranslation } from "~/providers/I18nProvider";
import {
- useSession,
- EnforcedSessionContext,
+ EnforcedSessionContext,
+ useSession,
} from "~/providers/SessionProvider";
-import { WhatsAppIcon } from "~/components/svgs";
-import { LoadingPage } from "~/components/loading";
+import type { UsersId } from "~/schemas/public/Users";
import type { ValidSession } from "~/server/api/trpc";
+import { api } from "~/utils/api";
interface Props {
- children: ReactNode;
- noFooter?: boolean;
+ children: ReactNode;
+ noFooter?: boolean;
}
export const Layout = ({ children, noFooter }: Props) => {
- const { data: bannerData } = api.settings.getBannerData.useQuery({
- area_riservata: false,
- });
+ const { data: bannerData } = api.settings.getBannerData.useQuery({
+ area_riservata: false,
+ });
- return (
-
-
- {bannerData?.map((banner) => (
-
- {BannerFactory(banner)}
-
- ))}
-
{children}
+ return (
+
+
+ {bannerData?.map((banner) => (
+
+ {BannerFactory(banner)}
+
+ ))}
+
{children}
- {!noFooter &&
}
- {/*
*/}
-
- );
+ {!noFooter &&
}
+ {/*
*/}
+
+ );
};
export const AreaRiservataLayout = ({
- children,
- noSidebar,
- noFooter,
- ignoreSessionCheck,
+ children,
+ noSidebar,
+ noFooter,
+ ignoreSessionCheck,
}: {
- children: ReactNode;
- noSidebar?: boolean;
- noFooter?: boolean;
- ignoreSessionCheck?: boolean;
+ children: ReactNode;
+ noSidebar?: boolean;
+ noFooter?: boolean;
+ ignoreSessionCheck?: boolean;
}) => {
- const { data: bannerData } = api.settings.getBannerData.useQuery({
- area_riservata: true,
- });
- const session = useSession();
- if (!ignoreSessionCheck) {
- if (session.status === "pending")
- return (
-
-
+ const { data: bannerData } = api.settings.getBannerData.useQuery({
+ area_riservata: true,
+ });
+ const session = useSession();
+ if (!ignoreSessionCheck) {
+ if (session.status === "pending")
+ return (
+
+
-
-
- ;
-
-
- {!noFooter &&
}
-
- );
- if (session.status !== "success" || !session.user) {
- window.location.reload();
- return (
-
-
+
+
+
+
+
+ {!noFooter &&
}
+
+ );
+ if (session.status !== "success" || !session.user) {
+ window.location.reload();
+ return (
+
+
-
-
- ;
-
-
- {!noFooter &&
}
-
- );
- }
- }
+
+
+
+
+
+ {!noFooter &&
}
+
+ );
+ }
+ }
- return (
-
-
- {bannerData?.map((banner) => (
-
- {BannerFactory(banner)}
-
- ))}
-
-
- {noSidebar ? null : (
-
- )}
-
- {children}
-
-
-
- {!noFooter &&
}
+ return (
+
+
+ {bannerData?.map((banner) => (
+
+ {BannerFactory(banner)}
+
+ ))}
+
+
+ {noSidebar ? null : (
+
+ )}
+
+ {children}
+
+
+
+ {!noFooter &&
}
- {/*
*/}
-
- );
+ {/*
*/}
+
+ );
};
export const AreaRiservataLayoutUserView = ({
- children,
+ children,
}: {
- children: ReactNode & { props: { userId: UsersId } };
+ children: ReactNode & { props: { userId: UsersId } };
}) => {
- const { t } = useTranslation();
+ const { t } = useTranslation();
- const props = children.props as { userId: UsersId };
+ const props = children.props as { userId: UsersId };
- return (
-
-
-
-
-
- {t.heads.area_riservata_titolo}
-
-
-
-
+ return (
+
+
+
+
+
+ {t.heads.area_riservata_titolo}
+
+
+
+
+
+
-
+
- {/*
*/}
-
+ );
};
const UserViewHeader = () => {
- const data = useContext(UserViewContext);
- const pathname = usePathname();
- const router = useRouter();
- const { mutate: swap } = api.auth.swapUser.useMutation({
- onSuccess: async () => {
- toast.success("Utente cambiato con successo");
- await router.push("/area-riservata/dashboard");
- router.reload();
- },
- });
- if (!data) return
Errore
;
- return (
-
-
-
{data.username}
-
- {data.email} | {data.telefono}
-
+ const data = useContext(UserViewContext);
+ const pathname = usePathname();
+ const router = useRouter();
+ const { mutate: swap } = api.auth.swapUser.useMutation({
+ onSuccess: async () => {
+ toast.success("Utente cambiato con successo");
+ await router.push("/area-riservata/dashboard");
+ router.reload();
+ },
+ });
+ if (!data) return
Errore
;
+ return (
+
+
+
{data.username}
+
+ {data.email} | {data.telefono}
+
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
-
- );
+
+
+
+
+ );
};
diff --git a/apps/infoalloggi/src/components/MapDialog.tsx b/apps/infoalloggi/src/components/MapDialog.tsx
index ee7b850..ec0e118 100644
--- a/apps/infoalloggi/src/components/MapDialog.tsx
+++ b/apps/infoalloggi/src/components/MapDialog.tsx
@@ -1,65 +1,65 @@
"use client";
-import dynamic from "next/dynamic";
-import { Button } from "~/components/ui/button";
import { MapIcon } from "lucide-react";
-import { useTranslation } from "~/providers/I18nProvider";
-import {
- Dialog,
- DialogContent,
- DialogDescription,
- DialogHeader,
- DialogTitle,
- DialogTrigger,
-} from "~/components/ui/dialog";
+import dynamic from "next/dynamic";
import { useState } from "react";
+import { Button } from "~/components/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "~/components/ui/dialog";
+import { useTranslation } from "~/providers/I18nProvider";
-const Map = dynamic(() => import("~/components/map/Map"), {
- ssr: false,
+const MapComp = dynamic(() => import("~/components/map/Map"), {
+ ssr: false,
});
export const MappaDialogFullscreen = ({
- lat,
- long,
+ lat,
+ long,
}: {
- lat: string | null;
- long: string | null;
+ lat: string | null;
+ long: string | null;
}) => {
- const { t } = useTranslation();
- const [open, setOpen] = useState(false);
- return (
-
- );
+ const { t } = useTranslation();
+ const [open, setOpen] = useState(false);
+ return (
+
+ );
};
diff --git a/apps/infoalloggi/src/components/accordionComp.tsx b/apps/infoalloggi/src/components/accordionComp.tsx
index c68e2aa..4b5743a 100644
--- a/apps/infoalloggi/src/components/accordionComp.tsx
+++ b/apps/infoalloggi/src/components/accordionComp.tsx
@@ -1,15 +1,15 @@
import { forwardRef, type InputHTMLAttributes } from "react";
import {
- Accordion,
- AccordionContent,
- AccordionItem,
- AccordionTrigger,
+ Accordion,
+ AccordionContent,
+ AccordionItem,
+ AccordionTrigger,
} from "~/components/ui/accordion";
import type { Faq } from "~/i18n/locales";
import { cn } from "~/lib/utils";
interface AccordionCompProps extends InputHTMLAttributes
{
- texts: Faq[];
+ texts: Faq[];
}
/**
@@ -29,30 +29,30 @@ interface AccordionCompProps extends InputHTMLAttributes {
* ```
*/
export const AccordionComp = forwardRef(
- ({ texts, className }, ref) => {
- if (!texts || texts.length === 0) {
- return null; // Return null if no texts are provided
- }
- return (
-
-
- {texts.map((text, index) => (
-
-
- {text.title}
-
-
- {text.description}
-
-
- ))}
-
-
+
+ {texts.map((text, index) => (
+
+
+ {text.title}
+
+
+ {text.description}
+
+
+ ))}
+
+
-
- {t.acquisto.titolo}
-
- {!generatedIntent ? (
-
{
- setGeneratedIntent(true);
- mutate({
- paymentId,
- });
- }}
- />
- ) : isPending ? (
-
- ) : (
- stripeIntent &&
- stripeIntent.clientSecret && (
- <>
-
-
-
-
- )
- )}
-
+
+ {t.acquisto.titolo}
+
+ {!generatedIntent ? (
+
{
+ setGeneratedIntent(true);
+ mutate({
+ paymentId,
+ });
+ }}
+ />
+ ) : isPending ? (
+
+ ) : (
+ stripeIntent?.clientSecret && (
+ <>
+
+
+
+
+ )
+ )}
+
- {isLoading || !prezziario ? (
- <>
-
{t.acquisto.preparazione}
-
-
- ) : (
-
-
- {t.acquisto.servizi_acquisto}
-
+ const { data: prezziario, isLoading } =
+ api.prezziario.getPrezzoPerServizio.useQuery({
+ idprezziario: packId,
+ });
+ const { t } = useTranslation();
+ return (
+
+ {isLoading || !prezziario ? (
+ <>
+
{t.acquisto.preparazione}
+
+
+ ) : (
+
+
+ {t.acquisto.servizi_acquisto}
+
-
-
{prezziario.nome_it}
-
- Cod: “{prezziario.idprezziario}”
-
-
- {formatCurrency(prezziario.prezzo_cent / 100)}
-
-
{prezziario.desc_it}
-
+
+
{prezziario.nome_it}
+
+ Cod: “{prezziario.idprezziario}”
+
+
+ {formatCurrency(prezziario.prezzo_cent / 100)}
+
+
{prezziario.desc_it}
+
- {prezziario.testo_condizioni && (
-
-
-
- )}
+ {prezziario.testo_condizioni && (
+
+
+
+ )}
-
-
- )}
-
- );
+
+
+ )}
+
{titolo}
-
- {descrizione}
-
-
- {formatCurrency(prezzo / 100)}
- {" "}
-
- {t.pricing_cmp.risultati_iva}
-
-
-
-
-
+
+
+ );
};
diff --git a/apps/infoalloggi/src/components/acquisto_receipt.tsx b/apps/infoalloggi/src/components/acquisto_receipt.tsx
index a781b10..f483d81 100644
--- a/apps/infoalloggi/src/components/acquisto_receipt.tsx
+++ b/apps/infoalloggi/src/components/acquisto_receipt.tsx
@@ -1,187 +1,187 @@
"use client";
+import { format } from "date-fns";
+import { it } from "date-fns/locale";
+import Image from "next/image";
+import { useRef } from "react";
+import { useReactToPrint } from "react-to-print";
import { Button } from "~/components/ui/button";
import { Card } from "~/components/ui/card";
-import Image from "next/image";
-import { format } from "date-fns";
-import { useReactToPrint } from "react-to-print";
-import { it } from "date-fns/locale";
-import { formatCurrency } from "~/lib/utils";
-import { useRef } from "react";
import { PaymentMethodToString, type PaymentType } from "~/i18n/stripe";
+import { formatCurrency } from "~/lib/utils";
export function ReceiptGenerator({ data }: { data: PurchaseData }) {
- const contentRef = useRef(null);
- const reactToPrintFn = useReactToPrint({
- contentRef,
- //print: async (target) => {console.log("Printing...", target.contentDocument);},
- });
- return (
-
-
-
-
Ricevuta di cortesia
+ const contentRef = useRef
(null);
+ const reactToPrintFn = useReactToPrint({
+ contentRef,
+ //print: async (target) => {console.log("Printing...", target.contentDocument);},
+ });
+ return (
+
+
+
+
Ricevuta di cortesia
-
-
-
-
-
-
-
+
+
+
+
+
-
-
-
{companyName}
-
{companyAddress}
-
+ const total = data.items.reduce(
+ (acc, item) => acc + item.price * (1 - item.discount),
+ 0,
+ );
+ const note =
+ "La presente è non costituisce ricevuta o fattura fiscale.\nRiceverai la fattura elettronica direttamente al tuo indirizzo di posta.";
+ const footer =
+ "Arcenia Srl. | Tel. +39 0424529869 | Email: arca@infoalloggi.it";
+ return (
+
+
+
+
+
{companyName}
+
{companyAddress}
+
-
-
-
-
-
-
- Ricevuta di cortesia
-
-
-
-
ID Pagamento
-
{data.paymentId}
-
-
-
Data
-
- {format(data.date, "PPP", {
- locale: it,
- })}
-
-
- {format(data.date, "p", {
- locale: it,
- })}
-
-
-
-
-
-
-
Intestatario:
-
{data.clienteNome}
-
- {data.clienteIndirizzo}
-
-
-
-
-
-
-
- | Descrizione |
- Prezzo |
- Sconto |
- Importo |
-
-
-
- {data.items.map((item, idx) => (
-
- | {item.description} |
-
- {formatCurrency(item.price)}
- |
-
- {item.discount > 0
- ? `-${(item.discount * 100).toFixed(0)}%`
- : ""}
- |
-
- {formatCurrency(item.price * (1 - item.discount))}
- |
-
- ))}
-
-
-
-
-
-
- Totale:
- {formatCurrency(total)}
-
-
- di cui IVA (22%):
- {formatCurrency(total * 0.22)}
-
-
-
-
-
-
-
Metodo di pagamento
-
{PaymentMethodToString(data.paymentMethod as PaymentType)}
-
-
-
Status pagamento
-
Pagato
-
-
-
-
+
+
+
+
+
+ Ricevuta di cortesia
+
+
+
+
ID Pagamento
+
{data.paymentId}
+
+
+
Data
+
+ {format(data.date, "PPP", {
+ locale: it,
+ })}
+
+
+ {format(data.date, "p", {
+ locale: it,
+ })}
+
+
+
+
+
+
Intestatario:
+
{data.clienteNome}
+
+ {data.clienteIndirizzo}
+
+
+
+
+
+
+ | Descrizione |
+ Prezzo |
+ Sconto |
+ Importo |
+
+
+
+ {data.items.map((item, idx) => (
+
+ | {item.description} |
+
+ {formatCurrency(item.price)}
+ |
+
+ {item.discount > 0
+ ? `-${(item.discount * 100).toFixed(0)}%`
+ : ""}
+ |
+
+ {formatCurrency(item.price * (1 - item.discount))}
+ |
+
+ ))}
+
+
+
+
+
+ Totale:
+ {formatCurrency(total)}
+
+
+ di cui IVA (22%):
+ {formatCurrency(total * 0.22)}
+
+
+
+
+
+
Metodo di pagamento
+
{PaymentMethodToString(data.paymentMethod as PaymentType)}
+
+
+
Status pagamento
+
Pagato
+
+
+
-
- );
+
+
-
-
- );
+ return (
+
+ {/** biome-ignore lint/a11y/noNoninteractiveElementInteractions: */}
+
+
+ );
};
diff --git a/apps/infoalloggi/src/components/annunci_grid.tsx b/apps/infoalloggi/src/components/annunci_grid.tsx
index 0592d0c..83fd533 100644
--- a/apps/infoalloggi/src/components/annunci_grid.tsx
+++ b/apps/infoalloggi/src/components/annunci_grid.tsx
@@ -1,34 +1,34 @@
-import { getTitoloTranslation } from "~/lib/annuncio_details";
import { CardAnnuncio } from "~/components/annuncio_card";
+import { getTitoloTranslation } from "~/lib/annuncio_details";
import { useTranslation } from "~/providers/I18nProvider";
import type { AnnuncioRicerca } from "~/server/controllers/annunci.controller";
export const AnnunciGrid = ({ pagedata }: { pagedata: AnnuncioRicerca[] }) => {
- const { locale } = useTranslation();
+ const { locale } = useTranslation();
- return (
-
- {pagedata.map((annuncio) => (
-
- ))}
-
- );
+ return (
+
+ {pagedata.map((annuncio) => (
+
+ ))}
+
+ );
};
diff --git a/apps/infoalloggi/src/components/annunci_map.tsx b/apps/infoalloggi/src/components/annunci_map.tsx
index c48a006..691303e 100644
--- a/apps/infoalloggi/src/components/annunci_map.tsx
+++ b/apps/infoalloggi/src/components/annunci_map.tsx
@@ -1,161 +1,161 @@
+import { AnimatePresence, motion } from "framer-motion";
import dynamic from "next/dynamic";
-import type { AnnuncioRicercaWPosition } from "~/server/controllers/annunci.controller";
-import { api } from "~/utils/api";
+import Image from "next/image";
+import {
+ type Dispatch,
+ Fragment,
+ memo,
+ type SetStateAction,
+ useState,
+} from "react";
import { LoadingPage } from "~/components/loading";
import { Status500 } from "~/components/status-page";
-import { useTranslation } from "~/providers/I18nProvider";
-import { AnimatePresence, motion } from "framer-motion";
-import Image from "next/image";
-import { formatCurrency } from "~/lib/utils";
import { handleConsegna } from "~/lib/annuncio_details";
-import {
- Fragment,
- memo,
- useState,
- type Dispatch,
- type SetStateAction,
-} from "react";
+import { formatCurrency } from "~/lib/utils";
+import { useTranslation } from "~/providers/I18nProvider";
import { useRicerca } from "~/providers/RicercaProvider";
+import type { AnnuncioRicercaWPosition } from "~/server/controllers/annunci.controller";
+import { api } from "~/utils/api";
-const Map = dynamic(() => import("~/components/map/Map"), {
- ssr: false,
+const MapComp = dynamic(() => import("~/components/map/Map"), {
+ ssr: false,
});
export const MapSection = () => {
- const { comune, consegna, tipo } = useRicerca();
- const [selected, setSelected] = useState(
- null,
- );
+ const { comune, consegna, tipo } = useRicerca();
+ const [selected, setSelected] = useState(
+ null,
+ );
- return (
-
-
-
-
- );
+ return (
+
+
+
+
+ );
};
const MapDisplay = memo(
- ({
- selectTipo,
- selectComune,
- selectConsegna,
- setSelected,
- }: {
- selectTipo: string;
- selectComune: string;
- selectConsegna: number | null;
- setSelected: Dispatch>;
- }) => {
- const { data, isLoading } = api.annunci.getMapping.useQuery({
- tipologia: selectTipo,
- comune: selectComune,
- consegna: selectConsegna || undefined,
- });
+ ({
+ selectTipo,
+ selectComune,
+ selectConsegna,
+ setSelected,
+ }: {
+ selectTipo: string;
+ selectComune: string;
+ selectConsegna: number | null;
+ setSelected: Dispatch>;
+ }) => {
+ const { data, isLoading } = api.annunci.getMapping.useQuery({
+ tipologia: selectTipo,
+ comune: selectComune,
+ consegna: selectConsegna || undefined,
+ });
- if (isLoading) return ;
- if (!data) return ;
+ if (isLoading) return ;
+ if (!data) return ;
- const posizioni = data
- .map((a) => {
- if (a.lat_secondario && a.lon_secondario) {
- return {
- pos: {
- lat: parseFloat(a.lat_secondario),
- lng: parseFloat(a.lon_secondario),
- },
- onClick: () => setSelected(a),
- markerTxt: `€ ${a.prezzo / 1e2}`,
- };
- }
- return undefined;
- })
- .filter((a) => a !== undefined);
+ const posizioni = data
+ .map((a) => {
+ if (a.lat_secondario && a.lon_secondario) {
+ return {
+ pos: {
+ lat: parseFloat(a.lat_secondario),
+ lng: parseFloat(a.lon_secondario),
+ },
+ onClick: () => setSelected(a),
+ markerTxt: `€ ${a.prezzo / 1e2}`,
+ };
+ }
+ return undefined;
+ })
+ .filter((a) => a !== undefined);
- return (
- 
-