Eye-candy features for hidden application page

functions/index.js

@@ -212,24 +212,24 @@
 );
 
 // Application Database ID
 const APPLICATION_DATABASE_ID = "270dc74ea0ae803e8904e40ebe203011";
 
 // Helper function to create page properties
 function createPageProperties(pageData) {
   const properties = {
     Name: {
       title: [{
         text: { content: pageData.name }
       }]
     },
     Email: {
       email: pageData.email
     },
     Status: {
       select: { name: "Pending" }
     },
     "Submission Date": {
       date: { start: new Date().toISOString() }
     }
   };
 
@@ -283,4 +283,4 @@
 //   await getFirestore().collection("riserData").add(result);
 
 //   return { text: "hi" };
-// });
+// });

package.json

@@ -46,6 +46,7 @@
     "@vitejs/plugin-react": "^3.1.0",
     "autoprefixer": "^10.4.16",
     "eslint": "^8.51.0",
+    "eslint-config-google": "^0.14.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.33.2",

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/Apply.css

@@ -36,7 +36,7 @@
 .apply-banner-grid {
   display: flex;
   flex-wrap: wrap;
-  padding: 0 min(5%, 60px) 0 0;
+  padding: 0 min(5%, 60px);
   justify-content: center;
 }
 
@@ -61,6 +61,6 @@
   }
 
   .apply-banner-title {
-    font-size: 3rem !important;
+    font-size: 2.7rem !important;
   }
 }

src/routes/Apply.tsx

@@ -345,15 +345,13 @@ function WebsiteOfficerForm() {
                       <WebsiteQuestions
                         formData={formData.website}
                         handleChange={handleChange}
-                        toolsOptions={toolsOptions}
                       />
                     );
                   case "Sponsorships Officer":
                     return (
                       <SponsorshipsQuestions
                         formData={formData.sponsorships}
                         handleChange={handleChange}
-                        toolsOptions={toolsOptions}
                       />
                     );
                   default:

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/applicationQuestions/sponsorships.tsx

@@ -15,7 +15,6 @@ interface props {
     engagement: string
   };
   handleChange: (e: React.ChangeEvent<any>) => void;
-  toolsOptions: string[];
 }
 
 const WebsiteQuestions: React.FC<props> = ({ formData, handleChange }) => (

src/routes/applicationQuestions/website.tsx

@@ -14,8 +14,7 @@ interface websiteProps {
     ideas: string,
     goodweb: string
   };
-  handleChange: (e: React.ChangeEvent<any>) => void;
-  toolsOptions: string[];
+  handleChange: (e: React.ChangeEvent<any>) => void;  
 }
 
 const WebsiteQuestions: React.FC<websiteProps> = ({ formData, handleChange }) => (

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

src/services/linksPageServices.ts

@@ -5,7 +5,7 @@ import { LinkItemProps } from "../features/LinkItem/LinkItemProps";
 
 export async function getLinksPage(): Promise<LinkItemProps[]> {
   try {
-    let result = await httpsCallable(functions, "getLinksPage")();
+    const result = await httpsCallable(functions, "getLinksPage")();
 
     // Storing result to localStorage for faster load times for next visits
     localStorage.setItem("links", JSON.stringify(result));

src/services/meetTeamServices.ts

@@ -5,7 +5,7 @@ import { Member } from "../features/TeamComponent/TeamComponent.model";
 
 export async function getMeetTheTeam(): Promise<Member[]> {
   try {
-    let result = await httpsCallable(functions, "getMeetTheTeam")();
+    const result = await httpsCallable(functions, "getMeetTheTeam")();
     return result.data as Member[];
   } catch (e) {
     console.log(e);

src/services/tournamentServices.ts

@@ -5,7 +5,7 @@ import { TournamentBracketProps } from "../features/TournamentBracket/Tournament
 
 export async function getHackiethonBrackets(): Promise<TournamentBracketProps[]> {
   try {
-    let result = await httpsCallable(functions, "getHackiethonBrackets")();
+    const result = await httpsCallable(functions, "getHackiethonBrackets")();
     return result.data as TournamentBracketProps[];
   } catch (e) {
     console.log(e);