/ pages / faucet.page.tsx
faucet.page.tsx
 1  import dynamic from 'next/dynamic';
 2  import { MainLayout } from 'src/layouts/MainLayout';
 3  import FaucetAssetsList from 'src/modules/faucet/FaucetAssetsList';
 4  import { FaucetTopPanel } from 'src/modules/faucet/FaucetTopPanel';
 5  
 6  import { ContentContainer } from '../src/components/ContentContainer';
 7  
 8  const FaucetModal = dynamic(() =>
 9    import('../src/components/transactions/Faucet/FaucetModal').then((module) => module.FaucetModal)
10  );
11  export default function Faucet() {
12    return (
13      <>
14        <FaucetTopPanel />
15        <ContentContainer>
16          <FaucetAssetsList />
17        </ContentContainer>
18      </>
19    );
20  }
21  
22  Faucet.getLayout = function getLayout(page: React.ReactElement) {
23    return (
24      <MainLayout>
25        {page}
26        <FaucetModal />
27      </MainLayout>
28    );
29  };