cyb/src/pages/robot/_refactor/account/tabs/Follows/ui/CommunityEntity.tsx

import { Account, DisplayTitle, NoItems } from 'src/components';
import Loader2 from 'src/components/ui/Loader2';
import styles from './CommunityEntity.module.scss';

type CommunityEntityProps = {
  items: string[];
  title: string;
  loading?: boolean;
  noItemsTitle: string;
};

function CommunityEntity({ items, title, noItemsTitle, loading }: CommunityEntityProps) {
  let content;

  if (loading) {
    content = <Loader2 />;
  }

  if (items.length > 0) {
    content = (
      <div className={styles.containerItem}>
        {items.map((item) => (
          <Account
            styleUser={{ flexDirection: 'column' }}
            sizeAvatar="80px"
            avatar
            address={item}
            key={`community_${title}_${item}`}
            trimAddressParam={[4, 3]}
          />
        ))}
      </div>
    );
  } else {
    content = <NoItems text={noItemsTitle} />;
  }

  return (
    <div className={styles.wrapper}>
      <DisplayTitle title={title} />
      {content}
    </div>
  );
}

export default CommunityEntity;