Banner GiveSettlementsBanner.tsx

80% Statements 4/5

50% Branches 1/2

100% Functions 1/1

80% Lines 4/5

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
42
43
44
45
46
47
48
49
50
51
52
53
54  
 
 
 
 
 
1x
 
 
 
 
 
 
8x
 
8x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Box } from "@mui/material";
import { useSettlementStats } from "../hooks/useSettlementStats";
import ProductBannerBase from "@features/Products/ProductBannerBase";
import SettlementsActions from "../components/SettlementsActions";
import { SettlementPageEnum } from "../types";
 
const GiveSettlementsBanner = ({
  isNotAuthorized,
  compact,
}: {
  isNotAuthorized: boolean;
  compact?: boolean;
}) => {
  const { mainStats, stats, isLoading } = useSettlementStats();
 
  Iif (compact) {
    return (
      <ProductBannerBase
        mainStats={mainStats}
        parseStats={stats}
        title="Settlement"
        isLoading={isLoading}
        compact
        compactActions={
          <SettlementsActions
            page={SettlementPageEnum.SETTLEMENT}
            keepState
            disabled={isNotAuthorized}
            compact
          />
        }
      />
    );
  }
 
  return (
    <Box pb={3}>
      <ProductBannerBase
        mainStats={mainStats}
        parseStats={stats}
        title="Settlement"
        isLoading={isLoading}
      />
      <SettlementsActions
        page={SettlementPageEnum.SETTLEMENT}
        keepState
        disabled={isNotAuthorized}
      />
    </Box>
  );
};
 
export default GiveSettlementsBanner;