From 24ed733c5b1ebaf24eca135d6418dc54cf35a867 Mon Sep 17 00:00:00 2001
From: Aidan Traboulay <aidantraboulay13@gmail.com>
Date: Sun, 7 Apr 2024 16:17:08 -0400
Subject: [PATCH] Open application portal

---
 src/components/Navbar/Navbar.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index 010fecf7..5957b679 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { NavItems, Menu, Button } from '@components';
 import { HawkHacksLogo } from '@assets';
 import Hamburger from 'hamburger-react';
-import { Link } from 'react-router-dom';
+// import { Link } from 'react-router-dom';
 import { Link as ScrollLink } from 'react-scroll';
 
 const Navbar = () => {
@@ -15,15 +15,15 @@ const Navbar = () => {
         else document.body.classList.remove('overflow-y-hidden');
     }, [showMenu]);
 
-    // const openInNewTab = (url: string) => {
-    //     const newWindow = window.open(url, '_blank', 'noopener,noreferrer');
-    //     if (newWindow) newWindow.opener = null;
-    // };
+    const openInNewTab = (url: string) => {
+        const newWindow = window.open(url, '_blank', 'noopener,noreferrer');
+        if (newWindow) newWindow.opener = null;
+    };
 
-    // const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {
-    //     e.preventDefault(); 
-    //     openInNewTab('https://portal.hawkhacks.ca');
-    // };
+    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {
+        e.preventDefault(); 
+        openInNewTab('https://portal.hawkhacks.ca');
+    };
 
     return (
         <header className="fixed top-0 z-50 flex h-fit w-full items-center justify-between p-3 px-10 lg:justify-normal">
@@ -48,15 +48,15 @@ const Navbar = () => {
             </nav>
 
             <div className="portal-btn hidden transition-all duration-500 ease-in-out lg:mr-32 lg:block">
-                {/* <Button
+                <Button
                     className="relative font-medium mx-auto block w-64 max-[1080px]:w-48 h-16 rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover before:absolute before:inset-0 before:bg-white before:opacity-0 before:transition before:duration-300 before:hover:opacity-10 sm:mx-0"
                     tabIndex={-1}
                     type="button"
                     onClick={handleSubmit}
                 >
                     <span className="whitespace-nowrap text-lg font-bold">Application Portal</span>
-                </Button> */}
-                <Link to="/coming-soon" className="block">
+                </Button>
+                {/* <Link to="/coming-soon" className="block">
                     <Button 
                         className="relative font-medium mx-auto block w-64 max-[1080px]:w-48 h-16 rounded-r-lg bg-gradient-to-b from-tbrand to-tbrand-hover before:absolute before:inset-0 before:bg-white before:opacity-0 before:transition before:duration-300 before:hover:opacity-10 sm:mx-0"
                         tabIndex={-1}
@@ -64,7 +64,7 @@ const Navbar = () => {
                     >
                         <span className="whitespace-nowrap text-lg font-bold">Application Portal</span>
                     </Button>
-                </Link>
+                </Link> */}
             </div>
 
             {/* banner-holder: banner is out of flow, to prevent banner affect the desired flow, adding a placeholder banner holder when the screen is smaller  */}