Table TotalUnread.tsx

100% Statements 2/2

50% Branches 1/2

100% Functions 1/1

100% Lines 2/2

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
40
41  
 
 
 
21x
 
 
 
 
 
11x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text } from "@common/Text";
import { Box } from "@mui/material";
import { TConversationTopic } from "features/Minibuilders/Conversations/hooks/useListTopics";
 
const TotalUnread = ({
  item,
}: {
  item: TConversationTopic;
  hasUnreadActivity?: boolean;
}) => {
  return (
    <Box
      data-testid="unread-conversations-container"
      sx={{
        width: "16px",
        height: "16px",
        borderRadius: "50%",
        overflow: "hidden",
        marginLeft: "-5px",
        display: "flex",
        alignItems: "center",
        padding: "3px 5px",
        justifyContent: "center",
        background: item?.typeName === "internal" ? "#6D9CF8" : "#FF8124",
        color: "#FFF",
      }}
    >
      <Text
        fontSize={8}
        sx={{
          lineHeight: 0,
        }}
      >
        {item.totalUnread}
      </Text>
    </Box>
  );
};
 
export default TotalUnread;