chore: fix eslint problems across project

  Todo:
   - a large number of eslint errors remain

Author: flatplum

functions/index.js

@@ -239,4 +239,4 @@ exports.getLinksPage = onCall(
 //   await getFirestore().collection("riserData").add(result);
 
 //   return { text: "hi" };
-// });
+// });

src/components/Button/HMButton.tsx

@@ -18,7 +18,7 @@ const HMButton = ({ text, color, style, span, link }: Props) => {
     style = 'disabled';
   }
 
-  let key = {
+  const key = {
     filled: {
       primary: ['bg-yellow-500'],
       secondary: ['bg-blue-500'],

src/routes/Events.tsx

@@ -60,14 +60,14 @@ const Events = () => {
   // Animations
   const scrollRef = useRef(null);
 
-  let { scrollYProgress } = useScroll({
+  const { scrollYProgress } = useScroll({
     target: scrollRef,
     offset: ["start start", "end start"],
   });
 
-  let y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
-  let opacityValue = useTransform(scrollYProgress, [0, 0.8], ["100%", "0%"]);
-  let scaleValue = useTransform(scrollYProgress, [0, 0.8], ["1", "0.9"]);
+  const y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
+  const opacityValue = useTransform(scrollYProgress, [0, 0.8], ["100%", "0%"]);
+  const scaleValue = useTransform(scrollYProgress, [0, 0.8], ["1", "0.9"]);
 
   return (
     <div className="w-screen max-w-full">

src/routes/MeetTheTeam.tsx

@@ -108,14 +108,14 @@ const MeetTheTeam = () => {
   // Animations
   const scrollRef = useRef(null);
 
-  let { scrollYProgress } = useScroll({
+  const { scrollYProgress } = useScroll({
     target: scrollRef,
     offset: ["start start", "end start"],
   });
 
-  let y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
-  let opacityValue = useTransform(scrollYProgress, [0, 0.7], ["100%", "0%"]);
-  let scaleValue = useTransform(scrollYProgress, [0, 0.8], ["1", "0.9"]);
+  const y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
+  const opacityValue = useTransform(scrollYProgress, [0, 0.7], ["100%", "0%"]);
+  const scaleValue = useTransform(scrollYProgress, [0, 0.8], ["1", "0.9"]);
 
   return (
     <div>

src/routes/Sponsors.tsx

@@ -96,14 +96,14 @@ const Sponsors = () => {
   // Animations
   const scrollRef = useRef(null);
 
-  let { scrollYProgress } = useScroll({
+  const { scrollYProgress } = useScroll({
     target: scrollRef,
     offset: ["start start", "end start"],
   });
 
-  let y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
-  let opacityValue = useTransform(scrollYProgress, [0, 0.7], ["100%", "0%"]);
-  let scaleValue = useTransform(scrollYProgress, [0, 0.8], ["1", "0.9"]);
+  const y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
+  const opacityValue = useTransform(scrollYProgress, [0, 0.7], ["100%", "0%"]);
+  const scaleValue = useTransform(scrollYProgress, [0, 0.8], ["1", "0.9"]);
 
   return (
     <div className="w-screen max-w-full">

src/routes/eventPages/GameComplete.tsx

@@ -6,7 +6,7 @@ import { RiserOutputData } from "./RiserGame.model";
 import { useLocation, useNavigate } from "react-router-dom";
 
 const GameComplete = () => {
-  let data: RiserOutputData = useLocation().state;
+  const data: RiserOutputData = useLocation().state;
 
   const navigate = useNavigate();
 

src/routes/eventPages/OWeek.tsx

@@ -82,13 +82,13 @@ export default function RiserGame() {
 
   // Animations
   const scrollRef = useRef(null);
-  let { scrollYProgress } = useScroll({
+  const { scrollYProgress } = useScroll({
     target: scrollRef,
     offset: ["start start", "end start"],
   });
-  let y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
-  let opacityValue = useTransform(scrollYProgress, [0, 0.6], ["100%", "0%"]);
-  let scaleValue = useTransform(scrollYProgress, [0, 0.9], ["1", "0.9"]);
+  const y = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
+  const opacityValue = useTransform(scrollYProgress, [0, 0.6], ["100%", "0%"]);
+  const scaleValue = useTransform(scrollYProgress, [0, 0.9], ["1", "0.9"]);
 
   // Form Field Values
   const [firstName, setFirstName] = useState("");

src/routes/eventPages/OWeekGame.tsx

@@ -7,7 +7,7 @@ import { RiserGameModel, RiserOutputData, RiserUserInput } from "./RiserGame.mod
 
 const OWeekGame = () => {
   const navigate = useNavigate();
-  let data: RiserUserInput = useLocation().state;
+  const data: RiserUserInput = useLocation().state;
 
   // If data is empty
   useEffect(() => {
@@ -23,7 +23,7 @@ const OWeekGame = () => {
 
   const [result, setResult] = useState<number[]>([]);
 
-  let userGameData: RiserGameModel = {
+  const userGameData: RiserGameModel = {
     name: data.name,
     email: data.email,
     studentID: data.studentID,
@@ -75,7 +75,7 @@ const OWeekGame = () => {
       alert("Oops! You went over 2024! Your score is disqualified");
       result.push(0);
     } else {
-      let tempResult = result;
+      const tempResult = result;
       tempResult.push(time);
       setResult(tempResult);
       console.log(result);

src/services/cleanEmails.ts

@@ -1,9 +1,9 @@
 export default function cleanEmail(email: string): string {
   // Define the regex pattern
-  var pattern = /\.(?=.*@)|\+.*(?=@)/g;
+  const pattern = /\.(?=.*@)|\+.*(?=@)/g;
 
   // Use replace() method to replace matches with an empty string
-  var outputString = email.replace(pattern, "");
+  const outputString = email.replace(pattern, "");
 
   return outputString;
 }

src/services/firestoreServices.ts

@@ -58,7 +58,7 @@ export async function isUniqueEmail(id: string): Promise<boolean> {
 export async function getRiserLeaderboard(): Promise<RankEntry[]> {
   const leaderboardRef = collection(db, "riserData");
 
-  let leaderboardData: RankEntry[] = [];
+  const leaderboardData: RankEntry[] = [];
 
   try {
     // Add orderby time when firebase functions implements feature