components GroupMembersList.tsx

77.77% Statements 7/9

25% Branches 1/4

100% Functions 2/2

77.77% Lines 7/9

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35  
 
 
 
 
 
 
 
 
356x
28x
 
 
28x
 
 
 
28x
42x
42x
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
  import { ReactElement } from "react";
import { useTranslation } from "react-i18next";
import styled from "styled-components";
import { GroupMember } from "shared/types/models/groups";
 
interface Props {
  groupMembers: readonly GroupMember[];
}
 
export const GroupMembersList = ({ groupMembers }: Props): ReactElement => {
  const { t } = useTranslation();
 
  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
  Iif (!groupMembers) {
    return <GroupMembersListContainer />;
  }
 
  const membersList = groupMembers.map((member, index) => {
    const isGroupCreator = member.isGroupCreator;
    return (
      <p key={member.username}>
        {index + 1}
        {")"} {member.username}{" "}
        {isGroupCreator && <span>({t("group.groupCreator")})</span>}
      </p>
    );
  });
 
  return <GroupMembersListContainer>{membersList}</GroupMembersListContainer>;
};
 
const GroupMembersListContainer = styled.div`
  margin: 0 0 0 14px;
`;