feat: add subjects to drop down #37

Zain-ul-din · Zain-ul-din · commit 40c632a0f653 · 2024-06-13T14:07:12.000+05:00
diff --git a/src/components/pastpaper/UploadModal.tsx b/src/components/pastpaper/UploadModal.tsx
@@ -37,6 +37,7 @@ import { getDownloadURL, ref, uploadBytes } from 'firebase/storage';
 import { v4 as uuidv4 } from 'uuid';
 import { doc, serverTimestamp, setDoc } from 'firebase/firestore';
 import { User } from 'firebase/auth';
+import useAllSubjects from '~/hooks/useAllSubjects';
 
 const UploadModal = ({
   isOpen,
@@ -53,7 +54,7 @@ const UploadModal = ({
   });
 
   const toast = useToast();
-  const [subjects, setSubjects] = useState(['oop', 'dsa', 'foo']);
+  const subjects = useAllSubjects();
 
   const inputRef = useRef<HTMLInputElement>(null);
   const [selectedFile, setSelectedFile] = useState<{ img: null | File; err: undefined | string }>({
diff --git a/src/hooks/AllSubjectsProvider.tsx b/src/hooks/AllSubjectsProvider.tsx
@@ -0,0 +1,15 @@
+import { createContext } from 'react';
+import { ReactNode } from 'react-markdown/lib/ast-to-react';
+
+export const AllSubjectsContext = createContext<string[]>([]);
+
+interface AllSubjectsProviderProps {
+  children?: ReactNode;
+  value: string[];
+}
+
+const AllSubjectsProvider = ({ value, children }: AllSubjectsProviderProps) => {
+  return <AllSubjectsContext.Provider value={value}>{children}</AllSubjectsContext.Provider>;
+};
+
+export default AllSubjectsProvider;
diff --git a/src/hooks/useAllSubjects.ts b/src/hooks/useAllSubjects.ts
@@ -0,0 +1,8 @@
+import { AllSubjectsContext } from "./AllSubjectsProvider";
+import { useContext } from "react";
+
+const useAllSubjects = ()=> {
+  return useContext(AllSubjectsContext);
+};
+
+export default useAllSubjects;
diff --git a/src/pages/pastpaper/index.tsx b/src/pages/pastpaper/index.tsx
@@ -1,27 +1,48 @@
+import axios from 'axios';
 import { GetServerSidePropsContext } from 'next';
 import Head from 'next/head';
 import MainAnimator from '~/components/design/MainAnimator';
 import PastPapers from '~/components/pastpaper/pastpapers';
+import AllSubjectsProvider from '~/hooks/AllSubjectsProvider';
+import { decrypt } from '~/lib/cipher';
+import { APIS_ENDPOINTS } from '~/lib/constant';
+import { TimetableDataType, TimetableDocType } from '~/types/typedef';
 
 export async function getServerSideProps(context: GetServerSidePropsContext) {
-  // todo: Get all subjects here
+  const { data } = await axios.get(APIS_ENDPOINTS.ALL_TIMETABLES);
+  const timetables = decrypt(data) as Array<TimetableDocType>;
+  const subjects = timetables
+    .map(({ timetable }) =>
+      Object.values(timetable)
+        .map((oneDayTimetable: TimetableDataType[]) =>
+          oneDayTimetable.map(({ subject }) => subject)
+        )
+        .flat(1)
+    )
+    .flat(1);
+  const distSubjects = Array.from(new Set(subjects));
+
   return {
-    props: {}
+    props: {
+      subjects: distSubjects
+    }
   };
 }
 
 interface GetStaticPropsReturnType {
-  data: {};
+  subjects: string[];
 }
 
-export default function PastPaperPage({}: GetStaticPropsReturnType) {
+export default function PastPaperPage({ subjects }: GetStaticPropsReturnType) {
   return (
     <>
       <Head>
         <title>Past Papers</title>
       </Head>
       <MainAnimator>
-        <PastPapers />
+        <AllSubjectsProvider value={subjects}>
+          <PastPapers />
+        </AllSubjectsProvider>
       </MainAnimator>
     </>
   );
