✨ feat: add scroll button and card skeleton loading

2026-03-15 22:23:41 +07:00
parent 97ef74e0f7
commit 74ad82c4f0
6 changed files with 74 additions and 18 deletions
--- a/features/home/sections/Recommendation/skeleton.tsx
+++ b/features/home/sections/Recommendation/skeleton.tsx
@ -1,5 +1,19 @@
+import { Skeleton } from "@/shared/libs/shadcn/ui/skeleton";
+
 const RecommendationSkeleton = () => {
-  return <div>loading...</div>;
+  const skeletonLenght = 6;
+
+  return (
+    <div className="flex gap-2 w-full overflow-hidden mt-4">
+      {[...Array(skeletonLenght)].map((_, index) => (
+        <div tabIndex={index}>
+          <Skeleton className="h-88 w-64" />
+          <Skeleton className="mt-3 h-6 w-64 rounded-full" />
+          <Skeleton className="mt-1 h-4 w-12 rounded-full" />
+        </div>
+      ))}
+    </div>
+  );
 };

 export default RecommendationSkeleton;