event attendance

src/app/api/checkin/route.js

@@ -1,6 +1,13 @@
 import { NextResponse } from "next/server";
 import { db } from "../../../../firebase";
-import { doc, getDoc, updateDoc, arrayUnion } from "firebase/firestore";
+import {
+  doc,
+  getDoc,
+  updateDoc,
+  arrayUnion,
+  increment,
+  setDoc,
+} from "firebase/firestore";
 import { authenticate } from "@/utils/auth";
 
 export async function GET(req) {
@@ -20,7 +27,8 @@ export async function GET(req) {
 
   try {
     const docSnap = await getDoc(doc(db, "users", uid));
-    const data = docSnap.data().events;
+    const data = docSnap.data().events || [];
+    console.log(data);
     return res.json({ message: "OK", items: data }, { status: 200 });
   } catch (err) {
     return res.json(
@@ -43,12 +51,25 @@ export async function PUT(req) {
     );
   }
 
-  const { uid, event } = await req.json();
+  const { uid, event, name } = await req.json();
 
   try {
     await updateDoc(doc(db, "users", uid), {
       events: arrayUnion(event),
     });
+
+    const data = await getDoc(doc(db, "events", event));
+    if (data.exists()) {
+      await updateDoc(doc(db, "events", event), {
+        attendance: increment(1),
+      });
+    } else {
+      await setDoc(doc(db, "events", event), {
+        attendance: 1,
+        name: name,
+      });
+    }
+
     return res.json({ message: "OK" }, { status: 200 });
   } catch (err) {
     return res.json(

src/app/api/statistics/route.js

@@ -5,6 +5,7 @@ import {
   query,
   collection,
   getCountFromServer,
+  getDocs,
 } from "firebase/firestore";
 import { authenticate } from "@/utils/auth";
 
@@ -71,7 +72,16 @@ export async function GET() {
       )
     ).data().count;
 
-    const items = {
+    const events = await getDocs(collection(db, "events"));
+
+    const eventAttendees = {};
+
+    events.forEach((doc) => {
+      const { name, attendance } = doc.data();
+      eventAttendees[name] = attendance;
+    });
+
+    const users = {
       participants,
       teams,
       judges,
@@ -81,7 +91,10 @@ export async function GET() {
       admins,
     };
 
-    return res.json({ items: items }, { status: 200 });
+    return res.json(
+      { items: { users, events: eventAttendees } },
+      { status: 200 }
+    );
   } catch (err) {
     return res.json(
       { message: `Internal Server Error: ${err}` },

src/components/dynamic/admin/services/checkin/CheckIn.jsx

@@ -48,14 +48,15 @@ const CheckIn = () => {
     // TODO: CHANGE TO 5 SECONDS ONCE DEPLOYED
     if (delta < 5000) {
       const response = await axios.get(`/api/checkin?uid=${user}`);
+      console.log(response.data);
 
       if (response.data.items.includes(event.id)) {
         toast("❌ Already Checked In!");
         return;
       }
 
       axios
-        .put("/api/checkin", { uid: user, event: event.id })
+        .put("/api/checkin", { uid: user, event: event.id, name: event.name })
         .then(() => toast(`✅ Checked in for ${event.name}`));
     } else {
       toast("❌ Expired QR code!");

src/components/dynamic/admin/services/statistics/Statistics.jsx

@@ -5,18 +5,21 @@ import Tabs from "./Tabs";
 import axios from "axios";
 
 const Statistics = () => {
-  const [counts, setCounts] = useState({});
+  const [counts, setCounts] = useState({
+    users: {},
+    events: {},
+  });
 
   useEffect(() => {
-    axios
-      .get("/api/statistics")
-      .then((response) => setCounts(response.data.items));
+    axios.get("/api/statistics").then((response) => {
+      setCounts(response.data.items);
+    });
   }, []);
 
   return (
     <div className="h-full font-poppins flex flex-col py-4">
       <Title title="Statistics" />
-      <Tabs counts={counts} />
+      <Tabs counts={counts.users} events={counts.events} />
     </div>
   );
 };

src/components/dynamic/admin/services/statistics/Tabs.jsx

@@ -1,12 +1,19 @@
 import Tab from "./Tab";
 
-const Tabs = ({ counts }) => {
+const Tabs = ({ counts, events }) => {
   return (
-    <div className="w-full mt-3 grid grid-cols-7">
-      {Object.entries(counts).map(([title, count], index) => (
-        <Tab key={index} title={title} value={count} />
-      ))}
-    </div>
+    <>
+      <div className="w-full mt-3 grid grid-cols-7">
+        {Object.entries(counts).map(([title, count], index) => (
+          <Tab key={index} title={title} value={count} />
+        ))}
+      </div>
+      <div className="w-full mt-3 grid grid-cols-4">
+        {Object.entries(events).map(([title, count], index) => (
+          <Tab key={index} title={title} value={count} />
+        ))}
+      </div>
+    </>
   );
 };
 

src/data/dynamic/Navigation.js

@@ -130,12 +130,12 @@ export const TABS = {
       tabs: [
         {
           name: "dashboard",
-          link: "/users/dashboard",
+          link: "/user/dashboard",
           icon: <BsFillPersonFill className={iconStyle} />,
         },
         {
           name: "checkin",
-          link: "/users/checkin",
+          link: "/user/checkin",
           icon: <AiOutlineQrcode className={iconStyle} />,
         },
         {