diff --git a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx index d944419..4c4b214 100644 --- a/apps/infoalloggi/src/components/servizio/annuncio_card.tsx +++ b/apps/infoalloggi/src/components/servizio/annuncio_card.tsx @@ -127,3 +127,19 @@ export const BasicAnnuncioCard = ({ ); }; + +export const AnnuncioCardSkeleton = () => { + return ( + + + + + +
+
+
+
+ + + ); +}; diff --git a/apps/infoalloggi/src/components/servizio/main.tsx b/apps/infoalloggi/src/components/servizio/main.tsx index c1a07be..a590fd7 100644 --- a/apps/infoalloggi/src/components/servizio/main.tsx +++ b/apps/infoalloggi/src/components/servizio/main.tsx @@ -4,7 +4,10 @@ import Link from "next/link"; import { useRouter } from "next/router"; import { useEffect } from "react"; import toast from "react-hot-toast"; -import { AnnuncioCard } from "~/components/servizio/annuncio_card"; +import { + AnnuncioCard, + AnnuncioCardSkeleton, +} from "~/components/servizio/annuncio_card"; import { SaldoButton } from "~/components/servizio/interactions"; import { ServizioActions } from "~/components/servizio/servizio_actions"; import { Button } from "~/components/ui/button"; @@ -294,6 +297,7 @@ export const ServizioContent = () => { ); })} + {servizio.annunci.length % 2 === 1 && }