From f81712895f19be1c37e2e01ee2b8df58aac8e71c Mon Sep 17 00:00:00 2001
From: nickpfeiffer05 <pfeiffer.n@northeastern.edu>
Date: Wed, 27 Nov 2024 15:36:20 -0500
Subject: [PATCH] added notifications button (tested on signed out state)

---
 components/Header.tsx      |  5 +++++
 styles/pages/_Results.scss | 19 +++++++++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/components/Header.tsx b/components/Header.tsx
index 60f59d9f..1597247d 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -158,6 +158,10 @@ export const DropdownMenuWrapper = ({
         <DropDownMenu />
       ) : (
         <>
+          <Link href="/subscriptions">
+            <a className="notificationsButton">Notifications</a>
+          </Link>
+
           <NotifSignUpButton onNotifSignUp={onNotifSignUp} />
           <SignUpModal
             visible={showModal}
@@ -264,6 +268,7 @@ export default function Header({
                 buttonColor={campusToColor[campus]}
               />
             </div>
+
             <DropdownMenuWrapper
               onSignIn={onSignIn}
               onSignOut={onSignOut}
diff --git a/styles/pages/_Results.scss b/styles/pages/_Results.scss
index 3a5c5174..4b971f8a 100644
--- a/styles/pages/_Results.scss
+++ b/styles/pages/_Results.scss
@@ -35,8 +35,7 @@ $SIDEBAR_WIDTH: 268px;
 }
 
 .Results_SignIn {
-  margin: 0 17px 0 30px;
-  margin-left: auto;
+  margin: 0 17px 0 5px;
   padding: 12px 16px;
   background: Colors.$NEU_Red;
   color: Colors.$White;
@@ -51,6 +50,22 @@ $SIDEBAR_WIDTH: 268px;
   white-space: nowrap;
 }
 
+.notificationsButton {
+  margin-left: auto;
+  font-size: 16px;
+  color: inherit;
+  text-decoration: none;
+  margin-right: 16px;
+  padding: 0;
+  border: none;
+  background: none;
+  cursor: pointer;
+}
+
+.notificationsButton:hover {
+  color: inherit;
+}
+
 .disabledButton {
   opacity: 0.5;
   cursor: not-allowed;