All files / src/sections/PayBuilder/components/products/Hero CartListBottomSheet.tsx

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
 
 
 
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { BottomSheet } from "@sections/PayBuilder/Checkout/wrappers/BottomSheet";
import { CartPreviewModalBody } from "@sections/PayBuilder/items/CartPreviewPanel";
import { useCart } from "@sections/PayBuilder/provider/CartContext";
 
export const CartListBottomSheetPreview = ({
  open,
  onClose,
}: {
  open: boolean;
  onClose: () => void;
}) => {
  const {
    addToCart,
    removeFromCart,
    getItemInCart,
    subTotal,
    totalAmount,
    cartItems,
  } = useCart();
 
  return (
    <BottomSheet
      open={open}
      isPreviewMode
      onClose={onClose}
      isMobile
      showMobileHeader={false}
      paperSx={{
        height: "fit-content",
        maxHeight: "87%",
        zIndex: 10,
        "& :last-child": {
          height: "auto",
        },
      }}
    >
      <CartPreviewModalBody
        {...{
          addToCart,
          removeFromCart,
          getItemInCart,
          cartItems,
          subTotal,
          totalAmount: +totalAmount,
          onClose,
        }}
      />
    </BottomSheet>
  );
};
 
export default CartListBottomSheetPreview;