Skip to content

Commit f2576c4

Browse files
committed
feat: add skeleton to home decrease amount
1 parent 200b516 commit f2576c4

File tree

1 file changed

+18
-1
lines changed

1 file changed

+18
-1
lines changed

sanjijikfarm/src/components/feature/home/MainDecreaseAmount.jsx

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,24 @@ export default function MainDecreaseAmount({ month }) {
1111
staleTime: 1000 * 60,
1212
});
1313

14-
if (isLoading || error) return;
14+
if (isLoading) {
15+
return (
16+
<div className="flex h-45 w-full p-4">
17+
<div className="border-main-green flex h-full w-full animate-pulse flex-col items-center justify-center gap-2 rounded-3xl border-2 bg-gray-100 p-7">
18+
<div className="flex items-center gap-3">
19+
<div className="bg-gray-3 h-6 w-40 rounded-md"></div>
20+
<div className="bg-gray-3 h-6 w-6 rounded-full"></div>
21+
</div>
22+
<div className="flex items-end gap-1">
23+
<div className="bg-gray-3 h-10 w-24 rounded-md"></div>
24+
<div className="bg-gray-3 h-8 w-12 rounded-md"></div>
25+
</div>
26+
</div>
27+
</div>
28+
);
29+
}
30+
31+
if (error) return <div>error</div>;
1532

1633
return (
1734
<div className="flex h-45 w-full p-4">

0 commit comments

Comments
 (0)