friends FriendList.tsx

100% Statements 10/10

100% Branches 6/6

100% Functions 2/2

100% Lines 9/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 1x
1x
 
1x
1x
1x
 
 
8x
8x
 
 
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
4x
  import { CONNECTIONS } from "i18n/namespaces";
import { useTranslation } from "next-i18next";
 
import FriendSummaryView from "./FriendSummaryView";
import FriendTile from "./FriendTile";
import useFriendList from "./useFriendList";
 
function FriendList() {
  const { errors, isLoading, isError, data: friends } = useFriendList();
  const { t } = useTranslation([CONNECTIONS]);
 
  return (
    <FriendTile
      title={t("connections:friend_list_title")}
      errorMessage={isError ? errors.join("\n") : null}
      isLoading={isLoading}
      hasData={!!friends?.length}
      noDataMessage={t("connections:no_friends")}
    >
      {friends &&
        friends.map((friend) =>
          friend ? (
            <FriendSummaryView key={friend.userId} friend={friend} />
          ) : null
        )}
    </FriendTile>
  );
}
 
export default FriendList;