diff options
Diffstat (limited to 'src/app/page.tsx')
| -rw-r--r-- | src/app/page.tsx | 74 |
1 files changed, 39 insertions, 35 deletions
diff --git a/src/app/page.tsx b/src/app/page.tsx index 9c243db..1723043 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,46 +1,50 @@ import SubscriberTable, { - type SubscriberDataTableProp, + type SubscriberDataTableProp, } from "../components/SubscriberTable/SubscriberTable"; import TitleBar from "../components/TitleBar/TitleBar"; async function Home() { - const graphURL = process.env.NEXT_PUBLIC_GRAPH_URL; - const data: SubscriberDataTableProp = await getData(); - return ( - <> - <TitleBar title="PhaseTracker" backgroundColor="black" /> - <div - className="sm:block hidden mt-4" - style={{ overflow: "hidden", height: "105vh", position: "relative" }} - > - <iframe - title="Phase Connect Subscriber Count Graph" - src={graphURL} - style={{ position: "absolute", top: 0, left: 0 }} - width="100%" - height="100%" - /> - </div> - <SubscriberTable {...data} /> - </> - ); + const graphURL = process.env.NEXT_PUBLIC_GRAPH_URL; + const data: SubscriberDataTableProp = await getData(); + return ( + <> + <TitleBar title="PhaseTracker" backgroundColor="black" /> + <div + className="sm:block hidden mt-4" + style={{ + overflow: "hidden", + height: "105vh", + position: "relative", + }} + > + <iframe + title="Phase Connect Subscriber Count Graph" + src={graphURL} + style={{ position: "absolute", top: 0, left: 0 }} + width="100%" + height="100%" + /> + </div> + <SubscriberTable {...data} /> + </> + ); } async function getData() { - const apiUrl = process.env.NEXT_PUBLIC_API_URL_TESTING; - const endpoint = "/api/subscribers"; - const headers = { - "Cache-Control": "no-cache", - }; - const cacheOption = "no-cache"; + const apiUrl = process.env.NEXT_PUBLIC_API_URL_TESTING; + const endpoint = "/api/subscribers"; + const headers = { + "Cache-Control": "no-cache", + }; + const cacheOption = "no-cache"; - const response = await fetch(`${apiUrl}${endpoint}`, { - headers: headers, - cache: cacheOption, - }); - if (!response.ok) { - console.log(response.statusText); - } - return response.json(); + const response = await fetch(`${apiUrl}${endpoint}`, { + headers: headers, + cache: cacheOption, + }); + if (!response.ok) { + console.log(response.statusText); + } + return response.json(); } export default Home; |
