gtfs-display/src/components/table-entry-switch.js

import React from 'react';
import PropTypes from 'prop-types';
import AgencyEntry from './agency-table-entry';
import AgencyIdNameEntry from './agency-id-name-table-entry';
import CalendarEntry from './calendar-table-entry';
import CalendarDatesEntry from './calendar-dates-table-entry';
import FrequenciesEntry from './frequencies-table-entry';
import LevelsEntry from './levels-table-entry';
import PathwaysEntry from './pathways-table-entry';
import RoutesEntry from './routes-table-entry';
import ShapesEntry from './shapes-table-entry';
import StopsEntry from './stops-table-entry';
import StopTimesEntry from './stop-times-table-entry';
import TransfersEntry from './transfers-table-entry';
import TripsEntry from './trips-table-entry';
/* the simplest way to define a component is to write a JavaScript function */
/* destructure props object */
function TableEntrySwitch({ aryData, name }) {
  /* TODO add table entry for pathways */
  if (aryData.length > 0) {
    // iterate over array
    return aryData.map((item, index) => {
      switch (name) {
        case 'agency':
          return (
            <AgencyEntry
              agencyId={item.agency_id}
              agencyName={item.agency_name}
              agencyUrl={item.agency_url}
              agencyTimezone={item.agency_timezone}
              agencyLanguage={item.agency_language}
              agencyPhone={item.agency_phone}
              key={index}
            />
          );
          break;
        case 'agency-id-name':
          return (
            <AgencyIdNameEntry
              agencyId={item.agency_id}
              agencyName={item.agency_name}
              key={index}
            />
          );
          break;
        case 'calendar':
          return (
            <CalendarEntry
              serviceId={item.service_id}
              monday={item.monday}
              tuesday={item.tuesday}
              wednesday={item.wednesday}
              thursday={item.thursday}
              friday={item.friday}
              saturday={item.saturday}
              sunday={item.sunday}
              startDate={item.start_date}
              endDate={item.end_date}
              key={index}
            />
          );
          break;
        case 'calendar_dates':
          return (
            <CalendarDatesEntry
              serviceId={item.service_id}
              date={item.date}
              exceptionType={item.exception_type}
              key={index}
            />
          );
          break;
        case 'frequencies':
          return (
            <FrequenciesEntry
              tripId={item.trip_id}
              startTime={item.start_time}
              endTime={item.end_time}
              headwaySecs={item.headway_secs}
              exactTimes={item.exact_times}
              key={index}
            />
          );
          break;
        case 'levels':
          return (
            <LevelsEntry
              levelId={item.level_id}
              levelIndex={item.level_index}
              key={index}
            />
          );
          break;
        case 'pathways':
          return (
            <PathwaysEntry
              pathwayId={item.pathway_id}
              fromStopId={item.from_stop_id}
              toStopId={item.to_stop_id}
              pathwayMode={item.pathway_mode}
              isBidirectional={item.is_bidirectional}
              length={item.length}
              traversalTime={item.traversal_time}
              stairCount={item.stair_count}
              maxSlope={item.max_slope}
              minWidth={item.min_width}
              signpostedAs={item.signposted_as}
              reversedSignpostedAs={item.reversed_signposted_as}
              key={index}
            />
          );
          break;
        case 'routes':
          return (
            <RoutesEntry
              routeId={item.route_id}
              agencyId={item.agency_id}
              routeShortName={item.route_short_name}
              routeLongName={item.route_long_name}
              routeType={item.route_type}
              routeColor={item.route_color}
              routeTextColor={item.route_text_color}
              routeDesc={item.route_desc}
              key={index}
            />
          );
          break;
        case 'shapes':
          return (
            <ShapesEntry
              shapeId={item.shape_id}
              shapePtLat={item.shape_pt_lat}
              shapePtLon={item.shape_pt_lon}
              shapePtSequence={item.shape_pt_sequence}
              key={index}
            />
          );
          break;
        case 'stops':
          return (
            <StopsEntry
              stopId={item.stop_id}
              stopCode={item.stop_code}
              stopName={item.stop_name}
              stopDesc={item.stop_desc}
              stopLat={item.stop_lat}
              stopLon={item.stop_lon}
              locationType={item.location_type}
              parentStation={item.parent_station}
              wheelchairBoarding={item.wheelchair_boarding}
              platformCode={item.platform_code}
              zoneId={item.zone_id}
              key={index}
            />
          );
          break;
        case 'stop_times':
          const arrivalTime = item.arrival_time;
          /* TODO Why is this condition neccessary? */
          if (arrivalTime) {
            return (
              <StopTimesEntry
                tripId={item.trip_id}
                arrivalTimeHours={item.arrival_time.hours}
                arrivalTimeMinutes={item.arrival_time.minutes}
                departureTimeHours={item.departure_time.hours}
                departureTimeMinutes={item.departure_time.minutes}
                stopId={item.stop_id}
                stopSequence={item.stop_sequence}
                pickupType={item.pickup_type}
                dropOffType={item.drop_off_type}
                stopHeadsign={item.stop_headsign}
                key={index}
              />
            );
          }
          return (
            <StopTimesEntry
              tripId={item.trip_id}
              stopId={item.stop_id}
              stopSequence={item.stop_sequence}
              pickupType={item.pickup_type}
              dropOffType={item.drop_off_type}
              stopHeadsign={item.stop_headsign}
              key={index}
            />
          );

          break;
        case 'transfers':
          return (
            <TransfersEntry
              fromStopId={item.from_stop_id}
              toStopId={item.to_stop_id}
              fromRouteId={item.from_route_id}
              toRouteId={item.to_route_id}
              fromTripId={item.from_trip_id}
              toTripId={item.to_trip_id}
              transferType={item.transfer_type}
              minTransferTime={item.min_transfer_time}
              key={index}
            />
          );
          break;
        case 'trips':
          return (
            <TripsEntry
              routeId={item.route_id}
              serviceId={item.service_id}
              tripId={item.trip_id}
              tripHeadsign={item.trip_headsign}
              tripShortName={item.trip_short_name}
              directionId={item.direction_id}
              blockId={item.block_id}
              shapeId={item.shape_id}
              wheelchairAccessible={item.wheelchair_accessible}
              bikesAllowed={item.bikes_allowed}
              key={index}
            />
          );
          break;
        default:
          console.error(`${name} unknown`);
		    return null;
      }
    });
  }
	    return null;
}
TableEntrySwitch.propTypes = {
  aryData: PropTypes.array,
  name: PropTypes.string,
};
export default TableEntrySwitch;