50 lines
1.2 KiB
JavaScript
50 lines
1.2 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
import AgencyPerDayTableEntries from './agency-per-day-table-entries';
|
|
|
|
/* destructure props object */
|
|
export default function AgencyPerDayTable({ array, title, date }) {
|
|
if (array !== undefined && array !== null) {
|
|
/* return a React element */
|
|
return (
|
|
<>
|
|
<p>
|
|
Table of
|
|
{array.length}
|
|
{title}
|
|
{' '}
|
|
for
|
|
{date}
|
|
:
|
|
</p>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>agency_name |</th>
|
|
<th>agency_id |</th>
|
|
<th>route_id |</th>
|
|
<th>route_short_name |</th>
|
|
<th>abs. trip count |</th>
|
|
<th>RT TU count |</th>
|
|
<th>RT TU % |</th>
|
|
<th>latest RT timestamp |</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<AgencyPerDayTableEntries array={array} />
|
|
</tbody>
|
|
</table>
|
|
</>
|
|
);
|
|
}
|
|
return (
|
|
<p>loading...</p>
|
|
);
|
|
}
|
|
AgencyPerDayTable.propTypes = {
|
|
array: PropTypes.array,
|
|
title: PropTypes.string,
|
|
date: PropTypes.string,
|
|
};
|