yoginth.com
Hey is a decentralized and permissionless social media app built with Lens Protocol 馃尶
1import { memo } from "react";
2import { Image } from "@/components/Shared/UI";
3
4interface StackedAvatarsProps {
5 avatars: string[];
6 limit?: number;
7}
8
9const StackedAvatars = ({ avatars, limit }: StackedAvatarsProps) => {
10 if (!avatars) {
11 return null;
12 }
13
14 return (
15 <span className="flex">
16 <span className="-space-x-2 contents">
17 {avatars.slice(0, limit)?.map((avatar, index) => (
18 <Image
19 alt={avatar}
20 className="size-5 rounded-full border border-gray-200 dark:border-gray-700"
21 key={avatar + index}
22 src={avatar}
23 />
24 ))}
25 </span>
26 </span>
27 );
28};
29
30export default memo(StackedAvatars);