- {/* for title */}
-
-
-
- {/* for categories */}
-
-
-
-
- {/* for description */}
-
-
- {/* for author and time */}
-
+
+
+ {/* for title */}
+
+
+
+ {/* for categories */}
+ {Array(3)
+ .fill(0)
+ .map((_, index) => (
+
+ ))}
+
+ {/* for description */}
+
+
+ {/* for author and time */}
+
+
diff --git a/frontend/src/components/skeletons/latest-post-card-skeleton.tsx b/frontend/src/components/skeletons/latest-post-card-skeleton.tsx
index 2175d594..1ac8b206 100644
--- a/frontend/src/components/skeletons/latest-post-card-skeleton.tsx
+++ b/frontend/src/components/skeletons/latest-post-card-skeleton.tsx
@@ -2,22 +2,24 @@ import { Skeleton } from '@/components/ui/skeleton';
export const LatestPostCardSkeleton = () => {
return (
-
+
-
-
-
+ {Array(3)
+ .fill(0)
+ .map((_, index) => (
+
+ ))}
-
-
-
-
-
-
);
};
diff --git a/frontend/src/components/skeletons/post-card-skeleton.tsx b/frontend/src/components/skeletons/post-card-skeleton.tsx
index a6e49d92..75855909 100644
--- a/frontend/src/components/skeletons/post-card-skeleton.tsx
+++ b/frontend/src/components/skeletons/post-card-skeleton.tsx
@@ -2,18 +2,16 @@ import { Skeleton } from '@/components/ui/skeleton';
export const PostCardSkeleton = () => {
return (
-