friends FriendsTab.tsx

0% Statements 0/10

100% Branches 0/0

0% Functions 0/1

0% Lines 0/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
36
37
38
39  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Grid, styled } from "@mui/material";
 
import BlockedUsersList from "./BlockedUsersList";
import FriendList from "./FriendList";
import FriendRequestsReceived from "./FriendRequestsReceived";
import FriendRequestsSent from "./FriendRequestsSent";
import useFriendList from "./useFriendList";
 
const StyledGrid = styled(Grid)({
  "& > div": {
    height: "100%",
  },
});
 
function FriendsTab() {
  const { errors, isLoading, data: friends, refetchFriends } = useFriendList();
 
  return (
    <Grid container direction="column" gap={2} sx={{ width: "100%" }}>
      <StyledGrid size={{ xs: 12, md: 6 }}>
        <FriendRequestsReceived />
      </StyledGrid>
      <StyledGrid size={{ xs: 12, md: 6 }}>
        <FriendList errors={errors} friends={friends} isLoading={isLoading} />
      </StyledGrid>
      <Grid container spacing={2}>
        <StyledGrid size={{ xs: 12, md: 6 }}>
          <FriendRequestsSent />
        </StyledGrid>
        <StyledGrid size={{ xs: 12, md: 6 }}>
          <BlockedUsersList refetchFriends={refetchFriends} />
        </StyledGrid>
      </Grid>
    </Grid>
  );
}
 
export default FriendsTab;