From 99193fef2f43681f4de358b40b81333eca9830cd Mon Sep 17 00:00:00 2001
From: John Nguyen <69529980+ImJunny@users.noreply.github.com>
Date: Sat, 23 Mar 2024 01:02:40 -0400
Subject: [PATCH] feat: Add Internal Challenges Card to Challenges (HackerRank)
 (#69)

* add hackerrank problem

* change rule
---
 .../(routes)/(protected)/challenges/page.tsx  | 39 ++++++++++++++++---
 src/app/_config/site.ts                       |  4 +-
 .../event-status/getTimeRemainingProcedure.ts |  2 +-
 3 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/app/(main)/(routes)/(protected)/challenges/page.tsx b/src/app/(main)/(routes)/(protected)/challenges/page.tsx
index 108d07d3..099a5218 100644
--- a/src/app/(main)/(routes)/(protected)/challenges/page.tsx
+++ b/src/app/(main)/(routes)/(protected)/challenges/page.tsx
@@ -1,4 +1,13 @@
+import { Button } from "@/app/_components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/app/_components/ui/card";
+import { siteConfig } from "@/app/_config/site";
 import { type Metadata } from "next";
+import Link from "next/link";
 
 export const metadata: Metadata = {
   title: "Challenges | HackPSH",
@@ -7,12 +16,30 @@ export const metadata: Metadata = {
 
 export default function ChallengesPage() {
   return (
-    <div>
-      <div className="mt-14 flex w-full flex-col items-center justify-center">
-        <p className="mb-10 text-center text-3xl font-bold tracking-tight">
-          Challenges
-        </p>
-      </div>
+    <div className="container mt-8 max-w-[52rem]">
+      <Card className="text-center">
+        <CardHeader>
+          <CardTitle>Internal Challenges Coming Soon!</CardTitle>
+        </CardHeader>
+        <CardContent className="flex flex-col items-center space-y-4">
+          <p>
+            For this event, we will be using Hackerrank to host software
+            challenges. We are currently working on hosting our own coding
+            problems for future events!
+          </p>
+          <p className="text-muted-foreground">
+            Teams can use online resources to help them complete challenges.
+            Teams are able to use AI (ex: ChatGPT), but may only receive half
+            their total points earned in this category. This rule will be
+            determined by the event administrators.
+          </p>
+          <Button className="w-48" asChild>
+            <Link href={siteConfig.links.hackerrank} target="_blank">
+              <span>Software Challenges</span>
+            </Link>
+          </Button>
+        </CardContent>
+      </Card>
     </div>
   );
 }
diff --git a/src/app/_config/site.ts b/src/app/_config/site.ts
index fa684edf..6a618437 100644
--- a/src/app/_config/site.ts
+++ b/src/app/_config/site.ts
@@ -3,13 +3,15 @@ export const siteConfig = {
   emails: {
     general: "ieee@hackpsh.org",
   },
-  registration_form: "https://docs.google.com/forms/d/e/1FAIpQLSdkVRX1e8lNruVzWVKgcQ6YOt9NWhkotzOysjU8YdewjDvvTA/viewform",
+  registration_form:
+    "https://docs.google.com/forms/d/e/1FAIpQLSdkVRX1e8lNruVzWVKgcQ6YOt9NWhkotzOysjU8YdewjDvvTA/viewform",
   location: "https://maps.app.goo.gl/EEXBSXZNzEgM6dhv7",
   links: {
     linkedin: "https://www.linkedin.com/company/ieee-penn-state-harrisbrurg/",
     facebook: "https://www.facebook.com/groups/183119638427039/",
     instagram: "https://www.instagram.com/psh.ieee/",
     blog: "https://edu.ieee.org/us-psu/",
+    hackerrank: "https://www.hackerrank.com/hackpsh-spring-2024",
   },
   paths: {
     home: "/",
diff --git a/src/server/procedures/public/event-status/getTimeRemainingProcedure.ts b/src/server/procedures/public/event-status/getTimeRemainingProcedure.ts
index 73a34742..15a6d721 100644
--- a/src/server/procedures/public/event-status/getTimeRemainingProcedure.ts
+++ b/src/server/procedures/public/event-status/getTimeRemainingProcedure.ts
@@ -3,7 +3,7 @@ import { publicProcedure } from "@/server/trpc";
 export default publicProcedure.query(() => {
   // passed string should be in UTC; EST+=5 Hours
   // account for daylight savings if needed
-  // proper ISO 8601 format 
+  // proper ISO 8601 format
   const eventStartTime = new Date("2024-03-23T14:00:00.000Z");
   const timeRemaining = eventStartTime.valueOf() - Date.now();
   const eventFinishTime = new Date("2024-03-23T00:00:00.000Z");