fix: replace td with th in table heads

This commit is contained in:
dancingCycle 2022-11-10 12:18:07 +01:00
parent 12ae0cbf83
commit d0ea217791
15 changed files with 97 additions and 96 deletions

View File

@ -2,12 +2,12 @@ import React from 'react';
const AgencyTableHead = () => {
return (
<tr>
<td>agency_id</td>
<td>agency_name</td>
<td>agency_url</td>
<td>agency_timezone</td>
<td>agency_lang</td>
<td>agency_phone</td>
<th>agency_id</th>
<th>agency_name</th>
<th>agency_url</th>
<th>agency_timezone</th>
<th>agency_lang</th>
<th>agency_phone</th>
</tr>
);
};

View File

@ -3,9 +3,9 @@ import React from 'react';
const CalendarDatesTableHead = () => {
return (
<tr>
<td>service_id</td>
<td>date</td>
<td>exception_type</td>
<th>service_id</th>
<th>date</th>
<th>exception_type</th>
</tr>
);
};

View File

@ -3,16 +3,16 @@ import React from 'react';
const CalendarTableHead = () => {
return (
<tr>
<td>service_id</td>
<td>monday</td>
<td>tuesday</td>
<td>wednesday</td>
<td>thursday</td>
<td>friday</td>
<td>saturday</td>
<td>sunday</td>
<td>start_date</td>
<td>end_date</td>
<th>service_id</th>
<th>monday</th>
<th>tuesday</th>
<th>wednesday</th>
<th>thursday</th>
<th>friday</th>
<th>saturday</th>
<th>sunday</th>
<th>start_date</th>
<th>end_date</th>
</tr>
);
};

View File

@ -3,11 +3,11 @@ import React from 'react';
const FrequenciesTableHead = () => {
return (
<tr>
<td>trip_id</td>
<td>start_time</td>
<td>end_time</td>
<td>headway_secs</td>
<td>exact_times</td>
<th>trip_id</th>
<th>start_time</th>
<th>end_time</th>
<th>headway_secs</th>
<th>exact_times</th>
</tr>
);
};

View File

@ -1,10 +1,10 @@
import React from 'react';
import React from 'react';
const LevelsTableHead = () => {
return (
<tr>
<td>level_id</td>
<td>level_index</td>
<th>level_id</th>
<th>level_index</th>
</tr>
);
};

View File

@ -3,10 +3,10 @@ import React from 'react';
const OverviewTableHead = () => {
return (
<tr>
<td>Agency</td>
<td>Route Count</td>
<td>Trip Count</td>
<td>{new Date().toDateString()}</td>
<th>Agency</th>
<th>Route Count</th>
<th>Trip Count</th>
<th>{new Date().toDateString()}</th>
</tr>
);
};

View File

@ -3,18 +3,18 @@ import React from 'react';
const PathwaysTableHead = () => {
return (
<tr>
<td>pathway_id</td>
<td>from_stop_id</td>
<td>to_stop_id</td>
<td>pathway_mode</td>
<td>is_bidirectional</td>
<td>length</td>
<td>traversal_time</td>
<td>stair_count</td>
<td>max_slope</td>
<td>min_width</td>
<td>signposted_as</td>
<td>reversed_signposted_as</td>
<th>pathway_id</th>
<th>from_stop_id</th>
<th>to_stop_id</th>
<th>pathway_mode</th>
<th>is_bidirectional</th>
<th>length</th>
<th>traversal_time</th>
<th>stair_count</th>
<th>max_slope</th>
<th>min_width</th>
<th>signposted_as</th>
<th>reversed_signposted_as</th>
</tr>
);
};

View File

@ -3,14 +3,14 @@ import React from 'react';
const RoutesTableHead = () => {
return (
<tr>
<td>route_id</td>
<td>agency_id</td>
<td>route_short_name</td>
<td>route_long_name</td>
<td>route_type</td>
<td>route_color</td>
<td>route_text_color</td>
<td>route_desc</td>
<th>route_id</th>
<th>agency_id</th>
<th>route_short_name</th>
<th>route_long_name</th>
<th>route_type</th>
<th>route_color</th>
<th>route_text_color</th>
<th>route_desc</th>
</tr>
);
};

View File

@ -4,8 +4,8 @@ class MsgsTableHead extends Component {
render () {
return (
<tr>
<td>Time</td>
<td>Trip Count</td>
<th>Time</th>
<th>Trip Count</th>
</tr>
);
}

View File

@ -3,10 +3,10 @@ import React from 'react';
const ShapesTableHead = () => {
return (
<tr>
<td>shape_id</td>
<td>shape_pt_lat</td>
<td>shape_pt_lon</td>
<td>shape_pt_sequence</td>
<th>shape_id</th>
<th>shape_pt_lat</th>
<th>shape_pt_lon</th>
<th>shape_pt_sequence</th>
</tr>
);
};

View File

@ -3,16 +3,16 @@ import React from 'react';
const StopTimesTableHead = () => {
return (
<tr>
<td>trip_id</td>
<td>arrival_time_hours</td>
<td>arrival_time_minutes</td>
<td>departure_time_hours</td>
<td>departure_time_minutes</td>
<td>stop_id</td>
<td>stop_sequence</td>
<td>pickup_type</td>
<td>drop_off_type</td>
<td>stop_headsign</td>
<th>trip_id</th>
<th>arrival_time_hours</th>
<th>arrival_time_minutes</th>
<th>departure_time_hours</th>
<th>departure_time_minutes</th>
<th>stop_id</th>
<th>stop_sequence</th>
<th>pickup_type</th>
<th>drop_off_type</th>
<th>stop_headsign</th>
</tr>
);
};

View File

@ -3,17 +3,17 @@ import React from 'react';
const StopsTableHead = () => {
return (
<tr>
<td>stop_id</td>
<td>stop_code</td>
<td>stop_name</td>
<td>stop_desc</td>
<td>stop_lat</td>
<td>stop_lon</td>
<td>location_type</td>
<td>parent_station</td>
<td>wheelchair_boarding</td>
<td>platform_code</td>
<td>zone_id</td>
<th>stop_id</th>
<th>stop_code</th>
<th>stop_name</th>
<th>stop_desc</th>
<th>stop_lat</th>
<th>stop_lon</th>
<th>location_type</th>
<th>parent_station</th>
<th>wheelchair_boarding</th>
<th>platform_code</th>
<th>zone_id</th>
</tr>
);
};

View File

@ -3,14 +3,14 @@ import React from 'react';
const TransfersTableHead = () => {
return (
<tr>
<td>from_stop_id</td>
<td>to_stop_id</td>
<td>from_route_id</td>
<td>to_route_id</td>
<td>from_trip_id</td>
<td>to_trip_id</td>
<td>transfer_type</td>
<td>min_transfer_time</td>
<th>from_stop_id</th>
<th>to_stop_id</th>
<th>from_route_id</th>
<th>to_route_id</th>
<th>from_trip_id</th>
<th>to_trip_id</th>
<th>transfer_type</th>
<th>min_transfer_time</th>
</tr>
);
};

View File

@ -3,16 +3,16 @@ import React from 'react';
const TripsTableHead = () => {
return (
<tr>
<td>route_id</td>
<td>service_id</td>
<td>trip_id</td>
<td>trip_headsign</td>
<td>trip_short_name</td>
<td>direction_id</td>
<td>block_id</td>
<td>shape_id</td>
<td>wheelchair_accessible</td>
<td>bikes_allowed</td>
<th>route_id</th>
<th>service_id</th>
<th>trip_id</th>
<th>trip_headsign</th>
<th>trip_short_name</th>
<th>direction_id</th>
<th>block_id</th>
<th>shape_id</th>
<th>wheelchair_accessible</th>
<th>bikes_allowed</th>
</tr>
);
};

View File

@ -39,6 +39,7 @@ const TripCalendar = () => {
agencyIdName={agencyIds[0]}
/>
if(agencyIds.length > 0){
/*TODO Introduce thead and tbody in Table?*/
return <>
<Table
striped