Merge pull request #156 from hack-rpi/gokul-linting

Added new TSX file for FAQ

Author: BastedEggsRYummy

app/(with-layout)/event/schedule/page.tsx

@@ -4,12 +4,7 @@ import NavBar from "@/components/nav-bar/nav-bar";
 import "@/app/globals.css";
 import { useState, useEffect } from "react";
 import type { Event } from "@/data/schedule";
-import {
-	saturdayTimes,
-	sundayTimes,
-	SATURDAY_START,
-	SUNDAY_START
-} from "@/data/schedule";
+import { saturdayTimes, sundayTimes, SATURDAY_START, SUNDAY_START } from "@/data/schedule";
 
 import Schedule from "@/components/schedule/schedule";
 import HackRPILink from "@/components/themed-components/hackrpi-link";
@@ -24,9 +19,9 @@ type RawEvent = {
 	eventType: "workshop" | "constant" | "important" | "food" | "deadline";
 	visible: boolean;
 	column: number;
-	width: number;  // Added width for multi-column spanning
+	width: number; // Added width for multi-column spanning
 	startMinutesFromDayStart: number; // minutes offset
-	durationMinutes: number;          // length
+	durationMinutes: number; // length
 };
 
 export default function Page() {
@@ -54,7 +49,7 @@ export default function Page() {
 					eventType: ev.eventType ?? "general",
 					visible: ev.visible,
 					column: ev.column,
-					width: ev.width // New property to handle multi-column span
+					width: ev.width, // New property to handle multi-column span
 				};
 			});
 
@@ -73,7 +68,7 @@ export default function Page() {
 					eventType: ev.eventType ?? "general",
 					visible: ev.visible,
 					column: ev.column,
-					width: ev.width // New property to handle multi-column span
+					width: ev.width, // New property to handle multi-column span
 				};
 			});
 
@@ -179,7 +174,7 @@ export default function Page() {
 							<div className="flex items-center justify-between mb-4 border-b-2 border-b-gray-400 h-24">
 								<h1 className=" text-3xl xs:text-4xl md:text-5xl font-bold">{modalEvent.title}</h1>
 								<button
-                                    className="text-4xl font-bold text-black mr-4 hover:text-primary focus:text-primary"
+									className="text-4xl font-bold text-black mr-4 hover:text-primary focus:text-primary"
 									onClick={() => {
 										setModalEvent(null);
 									}}
@@ -191,8 +186,7 @@ export default function Page() {
 								{modalEvent.location} {modalEvent.speaker ? `• ${modalEvent.speaker}` : ""}
 							</p>
 							<p className="text-3xl mb-4">
-								{new Date(modalEvent.startTime).toLocaleString()} –{" "}
-								{new Date(modalEvent.endTime).toLocaleString()}
+								{new Date(modalEvent.startTime).toLocaleString()} – {new Date(modalEvent.endTime).toLocaleString()}
 							</p>
 							<p className="text-2xl">{modalEvent.description}</p>
 						</div>

components/faq/faq.tsx

@@ -1,102 +1,14 @@
 import React, { useState } from "react";
 import "../../app/globals.css";
 import RegistrationButton from "@/components/themed-components/registration-link";
+import faqs from "@/data/faqData";
 
 type FAQ = {
 	title: string;
 	content: React.ReactNode;
 };
 
-const faqs: FAQ[] = [
-	{
-		title: "What is HackRPI?",
-		content:
-			"Teams of 1-4 have 24 hours to build a project relating to our theme Retro V. Modern. Teams will then present their projects, and the best projects win prizes!",
-	},
-	{
-		title: "When is HackRPI?",
-		content:
-			"HackRPI takes place on November 15th and 16th, 2025. Arrival and check-in takes place from 9-10 AM. Our opening ceremony starts at 10 AM, and hacking begins at 11am. Your projects must be on Devpost by 9 AM Sunday, and all coding must stop at 11 AM Sunday. Teams will present, and the event will end around 3 PM on Sunday. We are excited to see you there!",
-	},
-	{
-		title: "Where is HackRPI?",
-		content:
-			"HackRPI takes place at Rensselaer Polytechnic Institute, in the Darrin Communication Center. Darrin Communications Center, 51 College Ave, Troy, NY 12180. See our event information page for more details.",
-	},
-	{
-		title: "Is HackRPI free to attend?",
-		content: "Yes! Thanks to our many wonderful sponsors, all food and swag are completely free for participants!",
-	},
-	{
-		title: "How do I register?",
-		content: (
-			<div className="flex items-start md:items-center justify-start flex-col md:flex-row">
-				<p className="pr-2">You can click here to register with Major League Hacking (MLH).</p>
-				<RegistrationButton /> {/* This is a custom button component will update later */}
-			</div>
-		),
-	},
-	{
-		title: "Who can participate?",
-		content:
-			"Everyone is welcome to participate, whether you are a hackathon veteran or this is your first hackathon, this is a great opportunity to learn, experiment with new technologies, and grow your skills. Our team of experienced mentors is here to help you in every step of the way.",
-	},
-	{
-		title: "I'm under 18, can I still participate?",
-		content:
-			"Students under 18 are welcome to attend, but are not allowed to stay overnight in the sleep rooms. Students under the age of 17 must have an adult (21+) chaperone with them at all times during the event.",
-	},
-	{
-		title: "Do I have to be an RPI student?",
-		content:
-			"No! HackRPI is open to everyone, students of all experience levels from all colleges and universities are welcome to attend. Did you know that students from over 45 other colleges attended HackRPI!",
-	},
-	{
-		title: "Does HackRPI provide travel reimbursement?",
-		content: (
-			<p>
-				Unfortunately, we are unable to provide travel reimbursement at this time, however, we have sleep rooms on
-				campus for students 18 and older, and we are more than happy to recommend local accommodations if you email us
-				at{" "}
-				<a href="mailto:hackrpi@rpi.edu" className="text-hackrpi-primary-blue underline">
-					hackrpi@rpi.edu
-				</a>
-				.
-			</p>
-		),
-	},
-	{
-		title: "What should I bring?",
-		content: "Bring your team, your laptop, chargers, any hardware you need, and a good night's sleep!",
-	},
-	{
-		title: "What is the theme?",
-		//TODO: Change the description
-		content:
-			"The theme for 2025's HackRPI is Retro vs Modern. In a world where nostalgia meets innovation, our 12th annual hackathon, Retro vs Modern, invites creators to explore the contrasts and possibilities between the past and the future. Join us in shaping the future through a creative lens that honors the old while embracing the new.",
-	},
-	{
-		title: "Is it okay if I am late to the event?",
-		content:
-			"Yes! You can arrive at any time during the event, but we recommend arriving before 11 AM on Saturday. Remember, the later you are, the less time you have to work on your project!",
-	},
-	{
-		title: "When are submissions due?",
-		content:
-			"All projects must be submitted to Devpost by 10 AM on Sunday. You will be able to modify your submission until 11am. After 11an, no coding or changes to your project are allowed.",
-	},
-	{
-		title: "How do I submit my project?",
-		content:
-			// eslint-disable-next-line
-			'You will submit your project on Devpost. See our "Event Information" and "Resources" pages for more details.',
-	},
-	{
-		title: "When and how will prizes be awarded?",
-		content:
-			"Prizes are announced at the closing ceremony, which will take place around 4 PM on Sunday. Physical prizes will be distributed during the closing ceremony. Winners of cash prizes will be contacted by our team after the event. ",
-	},
-];
+
 
 const FAQPage = () => {
 	const [expandedIndex, setExpandedIndex] = useState<number | null>(null);
@@ -209,4 +121,4 @@ const FAQPage = () => {
 	);
 };
 
-export default FAQPage;
+export default FAQPage;

components/nav-bar/nav-bar.tsx

@@ -94,9 +94,9 @@ export default function NavBar({ showOnScroll }: { showOnScroll: boolean }) {
 			</>
 		);
 	return (
-    <div className={`${showOnScroll ? (showNav ? "top-0" : "-top-24") : "top-0"} fixed transition-all w-full z-10`}>
-      <DesktopNavBar links={links} />
-      <MlhBanner />
-    </div>
+		<div className={`${showOnScroll ? (showNav ? "top-0" : "-top-24") : "top-0"} fixed transition-all w-full z-10`}>
+			<DesktopNavBar links={links} />
+			<MlhBanner />
+		</div>
 	);
 }