Modals CustomerPanel.tsx

100% Statements 4/4

100% Branches 0/0

100% Functions 1/1

100% Lines 4/4

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  
 
 
 
 
1x
 
 
 
 
 
 
 
 
1x
 
18x
 
18x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import useNiceModal from "@common/Modal/ModalFactory/hooks/useNiceModal";
import NiceModal from "@ebay/nice-modal-react";
import GiveSidePanel from "@shared/SidePanel/GiveSidePanel";
import CustomerPanelContent from "./CustomerPanelContent";
 
const PANEL_WIDTH = 640;
 
type Props = {
  isFirst?: boolean;
  isLast?: boolean;
  setSelectedRow?: (newIdx: string | number) => void;
  data: any; //TODO: fix type
};
 
const CustomerPanel = NiceModal.create(
  ({ isFirst, isLast, setSelectedRow, data }: Props) => {
    const { open, onClose } = useNiceModal();
 
    return (
      <GiveSidePanel open={open} onClose={onClose} width={PANEL_WIDTH}>
        <CustomerPanelContent
          isFirst={isFirst}
          isLast={isLast}
          setSelectedRow={setSelectedRow}
          onClose={onClose}
          data={data}
        />
      </GiveSidePanel>
    );
  },
);
 
export default CustomerPanel;