p632-sp-2017/microservice-catalog-frontend

import React from 'react';

import './DetailView.css';
/**
 * Renders the table
 */
const ServiceTable = (props) => {
  const { keyVal, tableData } = props;
  let trs = [];
  trs = tableData.map((url, i)=>{
    if(i===0) {
      return <tr>
               <td rowSpan={tableData.length} className="fieldKeyTable"> {keyVal} </td>
               <td className="fieldValueTable"><a>{url}</a></td>
             </tr>;
    } else {
      return <tr>
              <td className="fieldKeyTable"></td>
              <td className="fieldValueTable"><a>{url}</a></td>
             </tr>;
      }
  })

  return (
    <div className="DetailViewRow">
      <table className="serviceTable">
        {trs}
      </table>
    </div>
  );
}

ServiceTable.displayName = 'ServiceTable'

export default ServiceTable;