gtfs-display/src/components/realtime.js

import PropTypes from 'prop-types';
import React, { useState } from 'react';

import AgencyPerDay from '../pages/agency-per-day';
import GroupAgencyPerDay from '../pages/group-agency-per-day';
import OddRoutes from './odd-routes';
import OddTrips from './odd-trips';
import PerDay from '../pages/per-day';
import TripUpdates from '../pages/trip-updates-route-day';

export default function Realtime({ state }) {
  if (state === 'odd-routes') {
    return (
      <>
        <p>
          Show <b>GTFS Realtime TripUpdate</b>
          {' '}
          entities that do<b>not</b>
          {' '}
          match any<b>GTFS Schedule routes</b>
          :
		</p>
        <OddRoutes />
      </>
    );
  } if (state === 'odd-trips') {
    return (
      <>
        <p>
          Show <b>GTFS Realtime TripUpdate</b>
          {' '}
          entities that do<b>not</b>
          {' '}
          match any<b>GTFS Schedule trips</b>
          :
		</p>
        <OddTrips />
      </>
    );
  } if (state === 'feed') {
    return (
      <>
        <p>
          Analyse <b>GTFS Realtime</b>
          {' '}
          entities<b>TripUpdate</b>
          {' '}
          on<b>feed</b>
          {' '}
          level:
		</p>
        <PerDay />
      </>
    );
  }
  if (state === 'agencies') {
    return (
      <>
        <p>
          Analyse 
{' '}
<b>GTFS Realtime</b>
          {' '}
          entities
<b>TripUpdate</b>
          {' '}
          on
<b>agencies</b>
          {' '}
          level:
        </p>
        <GroupAgencyPerDay />
      </>
    );
  } if (state === 'routes') {
    return (
      <>
        <p>
          Analyse 
{' '}
<b>GTFS Realtime</b>
          {' '}
          entities
<b>TripUpdate</b>
          {' '}
          on
<b>routes</b>
          {' '}
          level:
        </p>
        <AgencyPerDay />
      </>
    );
  } if (state === 'trips') {
    return (
      <>
        <p>
          Analyse 
{' '}
<b>GTFS Realtime</b>
          {' '}
          entities
<b>TripUpdate</b>
          {' '}
          on
<b>trips</b>
          {' '}
          level:
        </p>
        <TripUpdates />
      </>
    );
  }
  return (
    <p>
      Select a<b>GTFS Realtime</b>
      {' '}
      analysis rule to contine!
</p>
  );
}

Realtime.propTypes = {
  state: PropTypes.string,
};