// Copyright 2019 @polkadot/extension-ui authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.

import { SignRequestsFromCtx } from '../../components/types';

import React from 'react';

import { Header, withSignRequests } from '../../components';
import Request from './Request';

type Props = {
  requests: SignRequestsFromCtx
};

function Signing ({ requests }: Props) {
  return (
    <div>
      <Header label='transactions' />
      {requests.map(([id, request, url], index) => (
        <Request
          isFirst={index === 0}
          key={id}
          request={request}
          signId={id}
          url={url}
        />
      ))}
    </div>
  );
}

export default withSignRequests(Signing);