fix(cache): remove cache hook

Author: Majestic9169

src/components/GithubCard.tsx

@@ -1,48 +1,23 @@
 import React, { useEffect, useState } from "react";
 import "../styles/components/RepoCard.css";
-import useCache from "../hooks/Cache";
 import { RepoData } from "../utils/types";
 import { RepoMap } from "../utils/dummyData";
 
 const RepoCard = ({ repoName }: { repoName: string }) => {
-  // const { data, isCached, setCache } = useCache(`${repoName}_data`, 60 * 60 * 1000);
   const [repoData, setRepoData] = useState<RepoData>({
     description: "Find a place to chill during class hours in IIT KGP",
     language: "HTML",
     stars: 22,
     forks: 27,
   })
 
-  const fetchData = () => {
-    fetch(`https://api.github.com/repos/metakgp/${repoName}`)
-      .then(res => res.json())
-      .then(result => {
-        const desc = result.description;
-        const star = result.stargazers_count;
-        const lang = result.language;
-        const fork = result.forks_count;
-        setRepoData({ description: desc, language: lang, stars: star, forks: fork });
-        // setCache(repoData);
-        console.log("Called api")
-      })
-  }
-
   const fetchDummyData = () => {
     const data = JSON.parse(RepoMap[`${repoName}_data`])
     setRepoData(data);
-    // setCache(data);
     console.log("Fetched dummy data")
   }
 
   useEffect(() => {
-    // if (!isCached) {
-    //   console.log(`${repoName} isCatched = ${isCached}`);
-    //   fetchDummyData();
-    //   // fetchData();
-    // } else {
-    //   // setRepoData(data!);
-    //   fetchDummyData();
-    // }
     fetchDummyData();
   });
 

src/hooks/Cache.tsx

@@ -1,7 +1,6 @@
 import { useContext, useEffect, useState } from "react";
 import RepoCard from "../components/GithubCard";
 import CardGrid from "../sections/CardGrid";
-import useCache from "../hooks/Cache";
 import { dummyRepoList, RepoMap } from "../utils/dummyData";
 import "../styles/pages/Projects.css";
 import { RepoData } from "../utils/types";
@@ -10,33 +9,15 @@ const Projects = () => {
   const [repoList, setRepoList] = useState<string[]>([]);
   const [languages, setLanguages] = useState<string[]>([]);
   const [selectedLanguage, setSelectedLanguage] = useState<string[]>([]);
-  const { data, isCached, setCache } = useCache("repo_list", 60 * 60 * 60 * 1000);
-
-  const fetchData = () => {
-    fetch(`https://api.github.com/orgs/metakgp/repos?sort=updated&per_page=3`)
-      .then(res => res.json())
-      .then(data => {
-        const repoNames = data.map((repo: any) => repo.name);
-        setRepoList(repoNames);
-        setCache(repoList);
-      })
-  };
 
   const fetchDummyData = () => {
     const data = JSON.parse(dummyRepoList)
-    // setCache(data);
     setRepoList(data)
   }
 
   useEffect(() => {
-    if (isCached) {
-      // setRepoList(data!);
-      fetchDummyData();
-    } else {
-      // fetchData();
-      fetchDummyData();
-    }
-  }, [isCached]);
+    fetchDummyData();
+  });
 
   useEffect(() => {
     const repoData = repoList