From 221cb6fba838ac287860c660a4c3f94a7fe47e77 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sun, 3 Nov 2024 23:09:39 -0800
Subject: add sidebar navigation

---
 src/app/page.tsx | 74 +++++++++++++++++++++++++++++---------------------------
 1 file changed, 39 insertions(+), 35 deletions(-)

(limited to 'src/app/page.tsx')

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;
-- 
cgit v1.2.3

