45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
'use client'
|
|
import React, {useEffect, useState} from 'react';
|
|
import {AllStationResponse, StationResponse} from "@/gen-sources/mta-sign-api";
|
|
import {mtaDataClient} from "@/services/mta-api/types";
|
|
const Station = () => {
|
|
const [data, setData] = useState<AllStationResponse | null>(null);
|
|
|
|
useEffect(() => {
|
|
const fetchData = async () => {
|
|
try {
|
|
console.log("CALLING API")
|
|
const mtaData = await mtaDataClient.getAllApiMtaPost()
|
|
setData(mtaData.data)
|
|
|
|
} catch (error) {
|
|
console.error('Error fetching data:', error);
|
|
}
|
|
};
|
|
|
|
fetchData();
|
|
}, []);
|
|
|
|
return (
|
|
<div className="align-middle lg:flex w-full">
|
|
<div className="lg:flex-grow"></div>
|
|
<div className="lg:text-right text-center lg:p-2">
|
|
|
|
{data ? (
|
|
<h2 className="text-lg lg:text-xl font-bold dark:text-white">
|
|
{data.stations.map(function (station:any, i:any) {
|
|
return <span key={i}>{station.stationId}</span>
|
|
})}
|
|
Train Line <span>{}</span>
|
|
</h2>
|
|
|
|
) : (
|
|
<p>Loading data...</p>
|
|
)}
|
|
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Station; |