friends FriendsTab.tsx

0% Statements 0/11

100% Branches 0/0

0% Functions 0/2

0% Lines 0/8

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Grid } from "@mui/material";
import makeStyles from "utils/makeStyles";
 
import FriendList from "./FriendList";
import FriendRequestsReceived from "./FriendRequestsReceived";
import FriendRequestsSent from "./FriendRequestsSent";
 
export const useStyles = makeStyles(() => ({
  gridItem: {
    "& > div": {
      height: "100%",
    },
  },
}));
 
function FriendsTab() {
  const classes = useStyles();
 
  return (
    <Grid container gap={2}>
      <Grid item xs={12} md={6} className={classes.gridItem}>
        <FriendRequestsReceived />
      </Grid>
      <Grid item xs={12} md={6} className={classes.gridItem}>
        <FriendList />
      </Grid>
      <Grid item xs={12} md={6} className={classes.gridItem}>
        <FriendRequestsSent />
      </Grid>
    </Grid>
  );
}
 
export default FriendsTab;