BlueWallet/navigation/LazyLoadScanLndInvoiceStack.tsx
2024-05-21 11:56:10 +01:00

41 lines
1.1 KiB
TypeScript

import React, { lazy, Suspense } from 'react';
import { LazyLoadingIndicator } from './LazyLoadingIndicator';
// Lazy loading components for the navigation stack
const ScanLndInvoice = lazy(() => import('../screen/lnd/scanLndInvoice'));
const SelectWallet = lazy(() => import('../screen/wallets/selectWallet'));
const Success = lazy(() => import('../screen/send/success'));
const LnurlPay = lazy(() => import('../screen/lnd/lnurlPay'));
const LnurlPaySuccess = lazy(() => import('../screen/lnd/lnurlPaySuccess'));
export const ScanLndInvoiceComponent = () => (
<Suspense fallback={<LazyLoadingIndicator />}>
<ScanLndInvoice />
</Suspense>
);
export const SelectWalletComponent = () => (
<Suspense fallback={<LazyLoadingIndicator />}>
<SelectWallet />
</Suspense>
);
export const SuccessComponent = () => (
<Suspense fallback={<LazyLoadingIndicator />}>
<Success />
</Suspense>
);
export const LnurlPayComponent = () => (
<Suspense fallback={<LazyLoadingIndicator />}>
<LnurlPay />
</Suspense>
);
export const LnurlPaySuccessComponent = () => (
<Suspense fallback={<LazyLoadingIndicator />}>
<LnurlPaySuccess />
</Suspense>
);