Changed navbar

mvhacks · Jan 14, 2025 · afc3724 · afc3724
1 parent 5ffdb5e
commit afc3724
Showing 1 changed file with 26 additions and 18 deletions.
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -86,8 +86,9 @@ export default function Navbar({ onOptionSelect }: any) {
                 }}
                 onClick={() => onOptionSelect("home")}
               >
-                <Typography id="mvhackstext"
-                  sx={{ 
+                <Typography
+                  id="mvhackstext"
+                  sx={{
                     color: "white",
                     paddingLeft: "10%",
                     marginRight: "auto",
@@ -279,7 +280,7 @@ export default function Navbar({ onOptionSelect }: any) {
                     justifyContent: "center",
                     "&:hover": {
                       backgroundColor: "black !important",
-                      textDecoration:"none",
+                      textDecoration: "none",
                     },
                   }}
                 >
@@ -292,7 +293,7 @@ export default function Navbar({ onOptionSelect }: any) {
                     }}
                     level="h4"
                   >
-                    Apply
+                    Alert
                   </Typography>
                 </Link>
               </List>
@@ -387,11 +388,12 @@ export default function Navbar({ onOptionSelect }: any) {
                   backgroundColor: "transparent",
                 },
               }}
-              href="https://docs.google.com/forms/d/e/1FAIpQLSefTr6730BXSMYYdAnDXS5hFu_NZ5FHyzNYkv2MYqZoxvkgyQ/viewform"
+              component="button"
               color="neutral"
               level="h3"
               underline="none"
               variant="plain"
+              onClick={() => onOptionSelect("info")}
             >
               <Typography
                 sx={{
@@ -402,7 +404,7 @@ export default function Navbar({ onOptionSelect }: any) {
                 }}
                 level="h3"
               >
-                Apply
+                Info
               </Typography>
             </Link>
             <Link
@@ -417,7 +419,7 @@ export default function Navbar({ onOptionSelect }: any) {
               level="h3"
               underline="none"
               variant="plain"
-              onClick={() => onOptionSelect("info")}
+              onClick={() => onOptionSelect("schedule")}
             >
               <Typography
                 sx={{
@@ -428,7 +430,7 @@ export default function Navbar({ onOptionSelect }: any) {
                 }}
                 level="h3"
               >
-                Info
+                Schedule
               </Typography>
             </Link>
             <Link
@@ -443,7 +445,7 @@ export default function Navbar({ onOptionSelect }: any) {
               level="h3"
               underline="none"
               variant="plain"
-              onClick={() => onOptionSelect("schedule")}
+              onClick={() => onOptionSelect("faqs")}
             >
               <Typography
                 sx={{
@@ -454,7 +456,7 @@ export default function Navbar({ onOptionSelect }: any) {
                 }}
                 level="h3"
               >
-                Schedule
+                Faqs
               </Typography>
             </Link>
             <Link
@@ -469,7 +471,7 @@ export default function Navbar({ onOptionSelect }: any) {
               level="h3"
               underline="none"
               variant="plain"
-              onClick={() => onOptionSelect("faqs")}
+              onClick={() => onOptionSelect("sponsor")}
             >
               <Typography
                 sx={{
@@ -480,7 +482,7 @@ export default function Navbar({ onOptionSelect }: any) {
                 }}
                 level="h3"
               >
-                Faqs
+                Sponsors
               </Typography>
             </Link>
             <Link
@@ -495,7 +497,7 @@ export default function Navbar({ onOptionSelect }: any) {
               level="h3"
               underline="none"
               variant="plain"
-              onClick={() => onOptionSelect("sponsor")}
+              onClick={() => onOptionSelect("team")}
             >
               <Typography
                 sx={{
@@ -506,22 +508,28 @@ export default function Navbar({ onOptionSelect }: any) {
                 }}
                 level="h3"
               >
-                Sponsors
+                Team
               </Typography>
             </Link>
             <Link
-              style={{ margin: 10, color: "white", paddingLeft: 10 }}
+              style={{
+                margin: 10,
+                color: "white",
+                paddingLeft: 10,
+                border: "2px solid white",
+                borderRadius: "5px", 
+              }}
               sx={{
                 "&:hover": {
                   backgroundColor: "transparent",
+                  borderColor: "rgb(200,172,212)", 
                 },
               }}
-              component="button"
+              href="https://docs.google.com/forms/d/e/1FAIpQLSefTr6730BXSMYYdAnDXS5hFu_NZ5FHyzNYkv2MYqZoxvkgyQ/viewform"
               color="neutral"
               level="h3"
               underline="none"
               variant="plain"
-              onClick={() => onOptionSelect("team")}
             >
               <Typography
                 sx={{
@@ -532,7 +540,7 @@ export default function Navbar({ onOptionSelect }: any) {
                 }}
                 level="h3"
               >
-                Team
+                Alert
               </Typography>
             </Link>
           </Box>