gnosis / safe-react / 2103023107

import { ReactElement, useMemo } from 'react'

import { List } from '@material-ui/core'

import styled from 'styled-components'

import { useSelector } from 'react-redux'

import Skeleton from '@material-ui/lab/Skeleton/Skeleton'

import { Transaction } from 'src/logic/safe/store/models/types/gateway.d'

import { sm } from 'src/theme/variables'

import { currentChainId } from 'src/logic/config/store/selectors'

import { generateSafeRoute, SAFE_ROUTES } from 'src/routes/routes'

import { getChainById } from 'src/config'

import PendingTxListItem from 'src/components/Dashboard/PendingTxs/PendingTxListItem'

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

import { useQueueTransactions } from 'src/routes/safe/components/Transactions/TxList/hooks/useQueueTransactions'

  margin: ${sm} auto;

  border-radius: 8px;

  overflow: hidden;

`

    }

      // get the transactions from 'queue.next' and 'queue.queue'

      .flat()

      // get the Transaction[] per nonce

      // select the first Transaction per nonce

      .slice(0, size)

  }, [queue, size])

      <List component="div">

        {Array.from(Array(size).keys()).map((key) => (

            <Skeleton variant="rect" height={52} />

          </SkeletonWrapper>

        ))}

      </List>

    )

  }

  }

    <List component="div">

      {queuedTxsToDisplay?.map((transaction) => (

      ))}

    </List>

  )

}

export default PendingTxsList