feat: add stat dropdown links to official MBTA project pages (#272)

Signed-off-by: Nathan Weinberg <nathansweinberg@gmail.com>

Author: nathan-weinberg

src/components/LineStats/LineStats.css

@@ -46,3 +46,8 @@ td:nth-child(2) {
     text-align: center;
     font-weight: bold;
 }
+
+.program-link {
+    text-align: center !important;
+    font-size: smaller;
+}

src/components/LineStats/LineStatsTable.tsx

@@ -17,6 +17,7 @@ interface LineStatsTableProps {
         totalOldInactive?: number;
         totalActive?: number;
         totalInactive?: number;
+        programLink?: string;
     };
 }
 
@@ -77,6 +78,13 @@ export const LineStatsTable: React.FC<LineStatsTableProps> = ({ line, stats }) =
                         </td>
                         <td className="stat-count">{stats.totalType7Inactive}</td>
                     </tr>
+                    {stats.programLink !== undefined && (
+                        <tr>
+                            <td className="program-link">
+                                Read more about the program <a href={stats.programLink}>here</a>
+                            </td>
+                        </tr>
+                    )}
                 </tbody>
             </table>
         );
@@ -122,6 +130,13 @@ export const LineStatsTable: React.FC<LineStatsTableProps> = ({ line, stats }) =
                         <td className="stat-count">{stats.totalOldInactive}</td>
                     </tr>
                 )}
+                {stats.programLink !== undefined && (
+                    <tr>
+                        <td className="program-link">
+                            Read more about the program <a href={stats.programLink}>here</a>
+                        </td>
+                    </tr>
+                )}
             </tbody>
         </table>
     );

src/static_data.json

@@ -3,13 +3,15 @@
         "totalActive": 144,
         "totalInactive": 4,
         "totalNewDelivered": 148,
-        "totalNewUndelivered": 4
+        "totalNewUndelivered": 4,
+        "programLink": "https://www.mbta.com/projects/orange-line-program#cars"
     },
     "Red": {
         "totalOldActive": 146,
         "totalOldInactive": 6,
         "totalNewDelivered": 48,
-        "totalNewUndelivered": 204
+        "totalNewUndelivered": 204,
+        "programLink": "https://www.mbta.com/projects/red-line-program#cars"
     },
     "Green": {
         "totalType7Active": 84,
@@ -19,15 +21,17 @@
         "totalType9Active": 24,
         "totalType9Inactive": 0,
         "totalType10Delivered": 0,
-        "totalType10Undelivered": 102
+        "totalType10Undelivered": 102,
+        "programLink": "https://www.mbta.com/projects/green-line-type-10-vehicles"
     },
     "Blue": {
         "totalActive": 94,
         "totalInactive": 0
     },
     "Mattapan": {
         "totalActive": 7,
-        "totalInactive": 3
+        "totalInactive": 3,
+        "programLink": "https://www.mbta.com/projects/mattapan-line-program"
     },
     "Sources": {
         "fleet_numbers": "http://roster.transithistory.org/",