All files / src/pages/Checkout CheckoutPage.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { ThemeWrapper } from "@theme/v2/Provider";
import { useParams } from "react-router-dom";
import useCheckFormType from "@sections/PayBuilder/components/hooks/useCheckFormType";
import LoadingSpinner from "@components/Snipper/LoadingSpinner";
import InvoiceCheckoutPage from "./InvoiceCheckoutPage";
import MasqueradeSnackbar from "@components/Merchants/Masquerade/MasqueradeSnackbar";
import PayBuilderFormProvider from "@sections/PayBuilder/provider/PayBuilderFormProvider";
import { Content } from "./CheckoutContent";
 
const CheckoutPage = () => {
  const { isInvoice, formType } = useCheckFormType();
  const { id } = useParams();
  // This is added to run only after we fetch formType, so isInvoice condition has correct value
  if (!formType) return <LoadingSpinner />;
 
  return (
    <ThemeWrapper isNewThemeOnly>
      <MasqueradeSnackbar formType={formType} show formId={id} />
      <PayBuilderFormProvider>
        {isInvoice ? <InvoiceCheckoutPage /> : <Content />}
      </PayBuilderFormProvider>
    </ThemeWrapper>
  );
};
 
export default CheckoutPage;