1  import * as React from 'react';
 2  import { useEffect } from 'react';
 3  import { ContentContainer } from 'src/components/ContentContainer';
 4  import { MainLayout } from 'src/layouts/MainLayout';
 5  import { BridgeTopPanel } from 'src/modules/bridge/BridgeTopPanel';
 6  import { BridgeWrapper } from 'src/modules/bridge/BridgeWrapper';
 7  import { useRootStore } from 'src/store/root';
 8  
 9  export default function Bridge() {
10    const trackEvent = useRootStore((store) => store.trackEvent);
11  
12    useEffect(() => {
13      trackEvent('Page Viewed', {
14        'Page Name': 'Bridge Transactions',
15      });
16    }, [trackEvent]);
17    return (
18      <>
19        <BridgeTopPanel />
20        <ContentContainer>
21          <BridgeWrapper />
22        </ContentContainer>
23      </>
24    );
25  }
26  
27  Bridge.getLayout = function getLayout(page: React.ReactElement) {
28    return <MainLayout>{page}</MainLayout>;
29  };