import React from 'react';
import { Query, Param } from './Query';

interface Props {
  whenQueryExists: React.ReactElement<any> | null;
}

const params: Param[] = [
  'to',
  'data',
  'tokenSymbol',
  'value',
  'gaslimit',
  'limit',
  'readOnly'
];

export const WhenQueryExists: React.SFC<Props> = ({ whenQueryExists }) => (
  <Query
    params={params}
    withQuery={queries =>
      Object.values(queries).some(v => !!v) ? whenQueryExists : null
    }
  />
);