Merge pull request #4 from muriukialex/labs-data

populate labs data
muriukialex · Feb 15, 2024 · c91b7e1 · c91b7e1
2 parents f87212e + 3a9e669
commit c91b7e1
Show file tree

Hide file tree

Showing 2 changed files with 443 additions and 1 deletion.
diff --git a/components/UI/UserLabs.tsx b/components/UI/UserLabs.tsx
@@ -1,7 +1,7 @@
 import { LoadingState } from "@/types/Common"
 import { ErrorResponse, LabResponseType } from "@/types/Responses"
 import Divider from "./Divider"
-import { weekOne, weekTwo } from "@/lib/labs"
+import { weekOne, weekTwo, weekThree, weekFour, weekFive, weekSix, weekSeven, weekEight, weekNine, weekTen, weekEleven } from "@/lib/labs"
 import { Session } from "next-auth"
 import Lab from "./Lab"
 
@@ -67,6 +67,133 @@ const UserLabs = ({
           />
         ))}
       </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 3</h2>
+        {weekThree.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 4</h2>
+        {weekFour.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 5</h2>
+        {weekFive.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 6</h2>
+        {weekSix.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 7</h2>
+        {weekSeven.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 8</h2>
+        {weekEight.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 9</h2>
+        {weekNine.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 10</h2>
+        {weekTen.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
+      <Divider />
+      <div className="mt-4 mb-4">
+        <h2>Week 11</h2>
+        {weekEleven.map((lab) => (
+          <Lab
+            key={lab.labId}
+            lab={lab}
+            data={data}
+            email={userData?.user?.email}
+            mutate={mutate}
+          />
+        ))}
+      </div>
+
     </div>
   )
 }