Skip to content

Commit

Permalink
Reduce firebase cost by handling dynamic routes via cache.
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ashrockzzz2003
Ashrockzzz2003 committed Dec 3, 2024
1 parent 74763a8 commit 3ba555a
Show file tree
Hide file tree
Showing 5 changed files with 128 additions and 104 deletions.
19 changes: 0 additions & 19 deletions app/admin/event/group/[eventId]/page.js
View file

This file was deleted.

31 changes: 31 additions & 0 deletions app/admin/event/group/page.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
"use client";

import { useParams, useRouter } from "next/navigation"
import { useEffect, useState } from "react";
import secureLocalStorage from "react-secure-storage";

export default function EventLeaderboardGroupPage() {
const router = useRouter();
const [eventName, setEventName] = useState(null);

useEffect(() => {
if (!secureLocalStorage.getItem('event')) {
router.push('/admin/event');
}

const event = JSON.parse(secureLocalStorage.getItem('event'));
setEventName(event.name);
}, [router])

return eventName ? (
<div>
<h1>Event Leaderboard</h1>
<p>Event ID: {eventName}</p>
{/* TODO: Leaderboard for GROUP events. */}
</div>
) : (
<div className="flex h-screen items-center justify-center">
<p className="text-xl font-semibold">Loading...</p>
</div>
)
}
43 changes: 23 additions & 20 deletions app/admin/event/individual/[eventId]/page.js → app/admin/event/individual/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,27 +6,31 @@ import { useEffect, useState } from "react";
import secureLocalStorage from "react-secure-storage";

export default function EventLeaderboardIndiPage() {
const { eventId } = useParams();
const router = useRouter();

const [user, setUser] = useState(null);
const [eventName, setEventName] = useState(null);
const [eventMetadata, setEventMetadata] = useState(null);
const [participants, setParticipants] = useState(null);
const [filteredParticipants, setFilteredParticipants] = useState(null);

const [searchQuery, setSearchQuery] = useState("");

useEffect(() => {
if (!secureLocalStorage.getItem('user')) {
if (!secureLocalStorage.getItem('user') || !secureLocalStorage.getItem('event')) {
router.push('/');
}

const user = JSON.parse(secureLocalStorage.getItem('user'));
if (user.role !== 'admin' || !eventId) {
const ex = JSON.parse(secureLocalStorage.getItem('event'));
const _eventName = ex.name;
setEventName(ex.name);

if (user.role !== 'admin' || !_eventName) {
router.push('/');
} else {
setUser(user);
getJudgeEventData(decodeURI(eventId)).then((_data) => {
getJudgeEventData((_eventName)).then((_data) => {
if (_data == null || _data.length != 2) {
router.push('/');
}
Expand All @@ -40,21 +44,21 @@ export default function EventLeaderboardIndiPage() {
if (!participant.score) {
participant.score = {};
}
if (!participant.score[decodeURI(eventId)]) {
participant.score[decodeURI(eventId)] = {};
if (!participant.score[(_eventName)]) {
participant.score[(_eventName)] = {};
}
if (!participant.score[decodeURI(eventId)][judgeId]) {
participant.score[decodeURI(eventId)][judgeId] = {};
if (!participant.score[(_eventName)][judgeId]) {
participant.score[(_eventName)][judgeId] = {};
}
if (!participant.score[decodeURI(eventId)][judgeId][criteria]) {
participant.score[decodeURI(eventId)][judgeId][criteria] = 0;
if (!participant.score[(_eventName)][judgeId][criteria]) {
participant.score[(_eventName)][judgeId][criteria] = 0;
}

if (!participant.judgeWiseTotal[judgeId]) {
participant.judgeWiseTotal[judgeId] = 0;
}

participant.judgeWiseTotal[judgeId] += parseInt(participant.score[decodeURI(eventId)][judgeId][criteria]);
participant.judgeWiseTotal[judgeId] += parseInt(participant.score[(_eventName)][judgeId][criteria]);
})
participant.overallTotal = Object.values(participant.judgeWiseTotal).reduce((a, b) => a + b, 0);
});
Expand All @@ -67,12 +71,12 @@ export default function EventLeaderboardIndiPage() {
participant.comment = {};
}

if (!participant.comment[decodeURI(eventId)]) {
participant.comment[decodeURI(eventId)] = {};
if (!participant.comment[(_eventName)]) {
participant.comment[(_eventName)] = {};
}

if (!participant.comment[decodeURI(eventId)][judgeId]) {
participant.comment[decodeURI(eventId)][judgeId] = '';
if (!participant.comment[(_eventName)][judgeId]) {
participant.comment[(_eventName)][judgeId] = '';
}
})
});
Expand All @@ -85,9 +89,9 @@ export default function EventLeaderboardIndiPage() {
setFilteredParticipants(_data[0]);
});
}
}, [router, eventId]);
}, [router, eventName]);

return eventId && user && eventMetadata && participants && filteredParticipants ? (
return eventName && user && eventMetadata && participants && filteredParticipants ? (
<>
<div className="flex flex-col justify-center w-fit min-w-[95%] ml-auto mr-auto">
<div className="rounded-2xl p-4 m-2 bg-white border overflow-x-auto justify-between flex flex-row">
Expand Down Expand Up @@ -191,7 +195,6 @@ export default function EventLeaderboardIndiPage() {
<td className="px-4 py-2 border max-w-[200px]">
<p className="font-bold">{row.district ?? "-"}</p>
<p className="text-xs">{row.samithiName ?? '-'}</p>
<p className="text-xs">DOJ BV: {row.dateOfJoiningBalvikas ?? '-'} {row.yearOfJoiningBalvikas ?? '-'}</p>
{row.studentGroup === 'Group 3' && (
<p className="text-xs">Passed group 2: {row.hasPassedGroup2Exam ?? '-'}</p>
)}
Expand All @@ -204,7 +207,7 @@ export default function EventLeaderboardIndiPage() {
{eventMetadata.evalCriteria && Object.keys(eventMetadata.evalCriteria).map((criteria, i1) => (
<td key={i1} className="px-4 py-2 border">
{eventMetadata.judgeIdList.map((judgeId, i2) => (
<p key={i2} className="text-xs">{row.score[decodeURI(eventId)][judgeId][criteria]}</p>
<p key={i2} className="text-xs">{row.score[(eventName)][judgeId][criteria]}</p>
))}
</td>
))}
Expand All @@ -220,7 +223,7 @@ export default function EventLeaderboardIndiPage() {
<div className="flex flex-col">
{eventMetadata.judgeIdList.map((judgeId, i) => (
<div key={i} className="flex flex-col">
<p className="text-xs">{row.comment[decodeURI(eventId)][judgeId] == '' ? "-" : row.comment[decodeURI(eventId)][judgeId]}</p>
<p className="text-xs">{row.comment[(eventName)][judgeId] == '' ? "-" : row.comment[(eventName)][judgeId]}</p>
</div>
))}
</div>
Expand Down
3 changes: 2 additions & 1 deletion app/admin/event/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -182,7 +182,8 @@ export default function ManageEvents() {
<button
className="bg-[#f7ffce] text-[#2c350b] font-bold px-4 py-1 rounded-xl"
onClick={() => {
router.push(`/admin/event/${event.name.includes("GROUP") ? "group" : "individual"}/${encodeURI(event.name)}`);
secureLocalStorage.setItem('event', JSON.stringify(event));
router.push(`/admin/event/${event.name.includes("GROUP") ? "group" : "individual"}`);
}}
>
View Leaderboard
Expand Down
Loading

0 comments on commit 3ba555a

Please sign in to comment.