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 && }