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";
3import cn from "@/helpers/cn";
4
5interface SingleGroupShimmerProps {
6 className?: string;
7 isBig?: boolean;
8 showJoinLeaveButton?: boolean;
9}
10
11const SingleGroupShimmer = ({
12 className = "",
13 isBig = false,
14 showJoinLeaveButton = false
15}: SingleGroupShimmerProps) => {
16 return (
17 <div className={cn("flex items-center justify-between", className)}>
18 <div className="flex items-center space-x-3">
19 <Skeleton className={cn(isBig ? "size-14" : "size-11", "rounded-lg")} />
20 <div className="space-y-4 py-1">
21 <Skeleton className="h-3 w-28 rounded-lg" />
22 <Skeleton className="h-3 w-20 rounded-lg" />
23 {isBig ? <Skeleton className="h-3 w-48 rounded-lg" /> : null}
24 </div>
25 </div>
26 {showJoinLeaveButton ? (
27 <Skeleton className="h-[26px] w-[68px] rounded-full" />
28 ) : null}
29 </div>
30 );
31};
32
33export default memo(SingleGroupShimmer);