added notifications button (tested on signed out state)

sandboxnu · Nov 27, 2024 · f817128 · f817128
1 parent 5d563e6
commit f817128
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git 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
@@ -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;