content: import React from 'react';
  import OrderRow from './order_row.js';
  
  class OrdersTable extends React.Component {
  	render() {
      const rows = this.props.orders.map((order, i) => {
        return <OrderRow order={order} key={i} />;
      })
  		return (
        <table className="orders-table">
          <thead>
          <tr>
            <th>Order #</th>
            <th>Customer</th>
            <th className='sorted-by'>Ordered at</th>
            <th>Product(s)</th>
            <th className='amount'>Amount</th>
            <th className='status'>Payment</th>
            <th className='status'>Order</th>
          </tr>
          </thead>
          <tbody>
            {rows}
          </tbody>
        </table>
      )
  	}
  }
  
  export default OrdersTable;