gnosis / safe-react / 2149239480

import { useContext } from 'react'

import { useSelector } from 'react-redux'

import styled from 'styled-components'

import AppLayout from 'src/components/AppLayout'

import { SafeListSidebar, SafeListSidebarContext } from 'src/components/SafeListSidebar'

import CookiesBanner from 'src/components/CookiesBanner'

import { currentSafeWithNames } from 'src/logic/safe/store/selectors'

import { currentCurrencySelector } from 'src/logic/currencyValues/store/selectors'

import Modal from 'src/components/Modal'

import SendModal from 'src/routes/safe/components/Balances/SendModal'

import useSafeActions from 'src/logic/safe/hooks/useSafeActions'

import { formatAmountInUsFormat } from 'src/logic/tokens/utils/formatAmount'

import { grantedSelector } from 'src/routes/safe/container/selector'

import ReceiveModal from './ReceiveModal'

import { useSidebarItems } from 'src/components/AppLayout/Sidebar/useSidebarItems'

import useAddressBookSync from 'src/logic/addressBook/hooks/useAddressBookSync'

  display: flex;

  flex-direction: column;

  flex: 1 1 auto;

  max-width: 100%;

`

  const balance =

    <Frame>

      <AppLayout

        sidebarItems={sidebarItems}

        safeAddress={safeAddress}

        safeName={safeName}

        balance={balance}

        granted={granted}

        onToggleSafeList={toggleSidebar}

        onReceiveClick={onReceiveShow}

      >

        {children}

      </AppLayout>

      <SendModal

        activeScreenType="chooseTxType"

        isOpen={sendFunds.isOpen}

        onClose={hideSendFunds}

        selectedToken={sendFunds.selectedToken}

      />

        <Modal

          description="Receive Tokens Form"

          handleClose={onReceiveHide}

          open={safeActionsState.showReceive}

          paperClassName="receive-modal"

          title="Receive Tokens"

        >

          <ReceiveModal onClose={onReceiveHide} safeAddress={safeAddress} safeName={safeName} />

        </Modal>

      )}

      <CookiesBanner />

    </Frame>

  )

}

    <App>{children}</App>

  </SafeListSidebar>

)

export default WrapperAppWithSidebar