yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { memo } from "react";
2import Skeleton from "@/components/Shared/Skeleton";
3
4const PostShimmer = () => {
5 return (
6 <div className="flex items-start space-x-3 px-5 py-4">
7 <div>
8 <Skeleton className="size-11 rounded-full" />
9 </div>
10 <div className="w-full space-y-4">
11 <div className="item flex justify-between">
12 <div className="item flex space-x-3 pt-1">
13 <Skeleton className="h-3 w-28 rounded-lg" />
14 <Skeleton className="h-3 w-20 rounded-lg" />
15 </div>
16 <Skeleton className="h-3 w-6 rounded-lg" />
17 </div>
18 <div className="space-y-2">
19 <Skeleton className="h-3 w-7/12 rounded-lg" />
20 <Skeleton className="h-3 w-1/3 rounded-lg" />
21 </div>
22 <div className="flex items-center justify-between gap-3">
23 <div className="flex gap-6 pt-1">
24 <Skeleton className="size-5 rounded-lg" />
25 <Skeleton className="size-5 rounded-lg" />
26 <Skeleton className="size-5 rounded-lg" />
27 <Skeleton className="size-5 rounded-lg" />
28 </div>
29 <Skeleton className="h-6 w-20 rounded-full" />
30 </div>
31 </div>
32 </div>
33 );
34};
35
36export default memo(PostShimmer);