lucasoskorep/mta-sign
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: adding openapi spect generation to the frontend client aas well as to fast api. Broke API out into different routes

Browse Source
This commit is contained in:
lucas.oskorep
2023-07-17 02:51:13 -04:00
parent 4a20152ff5
commit 9aa9122e2b
35 changed files with 1132 additions and 27146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
mta-sign-ui/components/header.tsx
View File

@@ -6,14 +6,16 @@ import {MtaStartTime} from "@/services/mta-api/types";
import Image from 'next/image';
const Header = () => {
const [data, setData] = useState<MtaStartTime | null>(null);
const [startDate, setStartDate] = useState<MtaStartTime | null>(null);
const [lastUpdatedDate, setLastUpdatedDate] = useState<string | null>(null);
useEffect(() => {
const fetchData = async () => {
try {
console.log("CALLING API")
const mtaData = await fetchStartDate([""])
setData(mtaData)
setStartDate(mtaData)
setLastUpdatedDate(new Date().toLocaleString("en-US"))
} catch (error) {
console.error('Error fetching data:', error);
}
@@ -38,16 +40,16 @@ const Header = () => {
<div className="lg:flex-grow"></div>
<div className="lg:text-right text-center lg:p-2">
{data ? (
{startDate ? (
<h2 className="text-lg lg:text-xl font-bold dark:text-white">Started
At: <span>{data.startTime.toLocaleString("en-US")}</span></h2>
At: <span>{startDate.startTime.toLocaleString("en-US")}</span></h2>
) : (
<p>Loading data...</p>
)}
<h2 className="text-lg lg:text-xl font-bold dark:text-white">Updated
At: <span>{new Date().toLocaleString("en-US")}</span></h2>
At: <span>{lastUpdatedDate}</span></h2>
</div>
</div>
);

16
mta-sign-ui/components/trains/station.tsx
View File

@@ -1,17 +1,17 @@
'use client'
import React, {useEffect, useState} from 'react';
import {fetchStationData} from "@/services/mta-api/mta-server";
import {MtaData,} from "@/services/mta-api/types";
import {AllStationModel} from "@/gen-sources/mta-sign-api";
import {mtaDataClient} from "@/services/mta-api/types";
const Station = () => {
const [data, setData] = useState<MtaData | null>(null);
const [data, setData] = useState<AllStationModel | null>(null);
useEffect(() => {
const fetchData = async () => {
try {
console.log("CALLING API")
const mtaData = await fetchStationData([""])
setData(mtaData)
const mtaData = await mtaDataClient.getAllApiMtaPost()
const data = mtaData.data
setData(data)
} catch (error) {
console.error('Error fetching data:', error);
@@ -27,14 +27,12 @@ const Station = () => {
<div className="lg:text-right text-center lg:p-2">
{data ? (
<h2 className="text-lg lg:text-xl font-bold dark:text-white">Train Line <span>{data.mtaData.toLocaleString()}</span></h2>
<h2 className="text-lg lg:text-xl font-bold dark:text-white">Train Line <span>{data.stations.toString()}</span></h2>
) : (
<p>Loading data...</p>
)}
<h2 className="text-lg lg:text-xl font-bold dark:text-white">Updated
At: <span>{new Date().toLocaleString("en-US")}</span></h2>
</div>
</div>
);