import React, { Component } from 'react'
import OrganisationListRow from './OrganisationListRow'

export default class OrganisationList extends Component {

    render() {
    	let orgs = this.props.organisations;
    	let numberOfOrgs = orgs.length;
    	let rows = orgs.map(
    		(org, index) => <OrganisationListRow name={org.name} id={org.ud} key={index} />
    	);		

		return(
            <table className="table table-striped table-bordered table-hover">
				<thead className="thead">
						<th>Name</th>
						<th>Id</th>
				</thead>
				<tbody className="tbody">
					{rows}
				</tbody>
			</table>
        );
    }
}

@@ -486,16 +486,41 @@
 thead%22%3E%0A
+                    %3Ctr%3E%0A
 %09%09%09%09%09%09%3Ct
@@ -545,24 +545,50 @@
 %3Cth%3EId%3C/th%3E%0A
+                    %3C/tr%3E%0A
 %09%09%09%09%3C/thead%3E

add tr to OrganisationList to ged rid of warning