components LeftHeader.tsx

100% Statements 3/3

100% Branches 5/5

100% Functions 1/1

100% Lines 3/3

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  
 
 
 
 
 
 
 
 
30x
30x
 
30x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import CounterCircle from "@features/GiveConversation/components/CounterCircle";
import { Stack } from "@mui/material";
import GiveText from "@shared/Text/GiveText";
import React from "react";
import { useGiveNotificationContext } from "../provider/GiveNotificationProvider";
import { checkPortals } from "@utils/routing";
 
function LeftHeader() {
  const { isPAHloggedIn, hasMandatoryAlerts, unreadNotifications } =
    useGiveNotificationContext();
  const { isAcquirerPortal } = checkPortals();
 
  return (
    <Stack px="8px" gap="8px" alignItems="center" flexDirection="row">
      <GiveText
        data-testid="give-notification-modal-title"
        fontWeight={400}
        fontSize="16px"
      >
        Alerts
      </GiveText>
      {!isPAHloggedIn && !isAcquirerPortal && (
        <CounterCircle
          capped
          count={unreadNotifications}
          variant={hasMandatoryAlerts ? "tagged" : "unread"}
        />
      )}
    </Stack>
  );
}
 
export default LeftHeader;