From 1ddac2b6b3b677d6cbfb1185eef4cc979ee0ecb7 Mon Sep 17 00:00:00 2001
From: mattk <huskyhacks.mk@gmail.com>
Date: Tue, 6 Aug 2024 11:47:39 -0400
Subject: [PATCH] attempt to fix json api call

---
 app/page.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index f8ce323..805eac2 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,22 +1,24 @@
+"use client";
+
 import { useState, useEffect } from 'react';
 import { RogueApp } from '../lib/types';
 import styles from '../styles/Home.module.css';
 import Callout from './components/Callout';
-import { getRogueApps } from '../lib/getRogueApps';
 
-export async function getStaticProps() {
-  const rogueApps = getRogueApps();
-  return {
-    props: {
-      rogueApps,
-    },
-  };
-}
-
-export default function Home({ rogueApps }: { rogueApps: RogueApp[] }) {
+export default function Home() {
+  const [rogueApps, setRogueApps] = useState<RogueApp[]>([]);
   const [searchTerm, setSearchTerm] = useState('');
   const [expandedCard, setExpandedCard] = useState<number | null>(null);
 
+  useEffect(() => {
+    async function fetchRogueApps() {
+      const res = await fetch('/rogueapps.json');
+      const data: RogueApp[] = await res.json();
+      setRogueApps(data);
+    }
+    fetchRogueApps();
+  }, []);
+
   const filteredApps = rogueApps.filter(app =>
     app.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
     app.description.toLowerCase().includes(searchTerm.toLowerCase()) ||