ChangeLog EmptyState.tsx

100% Statements 3/3

100% Branches 6/6

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
35
36
37
38
39  
 
 
 
 
 
 
 
 
 
34x
3x
 
 
 
 
 
 
 
 
 
 
 
31x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ClockCounterClockwiseIcon, XCircleIcon } from "@phosphor-icons/react";
import GiveEmptyState from "@shared/EmptyState/GiveEmptyState";
 
export default function EmptyState({
  isFiltersApplied,
  isMerchantApproved,
}: {
  isFiltersApplied?: boolean;
  isMerchantApproved?: boolean;
}) {
  if (isFiltersApplied) {
    return (
      <GiveEmptyState
        title={{
          main: "No results",
          secondary: "Please try removing the filters",
        }}
        Icon={<XCircleIcon size={24} />}
        sx={{ "& .empty_text": { gap: "8px" } }}
      />
    );
  }
 
  return (
    <GiveEmptyState
      title={{
        main: !isMerchantApproved
          ? "Changelog is only available after the merchant sponsor approval"
          : "No changes",
        secondary: !isMerchantApproved
          ? undefined
          : "There are no recorded changes for this merchant",
      }}
      Icon={<ClockCounterClockwiseIcon size={24} weight="regular" />}
      sx={{ "& .empty_text": { gap: "8px" } }}
    />
  );
}