yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import PageLayout from "@/components/Shared/PageLayout";
2import GraphStatsShimmer from "@/components/Shared/Shimmer/GraphStatsShimmer";
3import PostsShimmer from "@/components/Shared/Shimmer/PostsShimmer";
4import Skeleton from "@/components/Shared/Skeleton";
5
6const GroupPageShimmer = () => {
7 return (
8 <PageLayout zeroTopMargin>
9 <div className="mx-auto">
10 <Skeleton className="h-52 sm:h-64 md:rounded-xl" />
11 </div>
12 <div className="mb-4 space-y-8 px-5 md:px-0">
13 <div className="flex items-start justify-between">
14 <div className="-mt-24 sm:-mt-24 relative ml-5 size-32 bg-gray-100 sm:size-36">
15 <Skeleton className="size-32 rounded-xl ring-3 ring-gray-50 sm:size-36 dark:bg-gray-700 dark:ring-black" />
16 </div>
17 <Skeleton className="h-[34px] w-20 rounded-full" />
18 </div>
19 <div className="space-y-3">
20 <Skeleton className="h-5 w-1/3 rounded-lg" />
21 </div>
22 <div className="space-y-5">
23 <div className="space-y-2">
24 <Skeleton className="h-3 w-7/12 rounded-lg" />
25 <Skeleton className="h-3 w-1/3 rounded-lg" />
26 </div>
27 <GraphStatsShimmer count={1} />
28 </div>
29 </div>
30 <PostsShimmer />
31 </PageLayout>
32 );
33};
34
35export default GroupPageShimmer;