From 2fdfaa954a6f1362c46aecd141745a8ffae5a965 Mon Sep 17 00:00:00 2001 From: Michael Fatemi Date: Wed, 25 Nov 2020 21:14:30 -0500 Subject: [PATCH] Added dropdown to navbar --- .eslintcache | 2 +- src/components/Navbar.tsx | 58 +++++++++++++++++++++++++++++++++++---- src/css/navbar.css | 54 ++++++++++++++++++++++++++---------- 3 files changed, 94 insertions(+), 20 deletions(-) diff --git a/.eslintcache b/.eslintcache index 9f04857..44e02c6 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\reportWebVitals.js":"1","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeList.tsx":"2","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useFooter.tsx":"3","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useMission.tsx":"4","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\index.tsx":"5","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeColumn.tsx":"6","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\index.tsx":"7","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\App.tsx":"8","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\initiatives.tsx":"9","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Navbar.tsx":"10","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeRow.tsx":"11","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Hero.tsx":"12","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\404.tsx":"13","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\news.tsx":"14","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleList.tsx":"15","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleRow.tsx":"16","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\newsArticle.tsx":"17","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Mission.tsx":"18","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Layout.tsx":"19","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Footer.tsx":"20","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Segment.tsx":"21","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\SegmentGroup.tsx":"22","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\RecentNews.tsx":"23","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\NewsAndMission.tsx":"24"},{"size":362,"mtime":1606326357566,"results":"25","hashOfConfig":"26"},{"size":501,"mtime":1606350798836,"results":"27","hashOfConfig":"26"},{"size":462,"mtime":1606328149896,"results":"28","hashOfConfig":"26"},{"size":511,"mtime":1606328176836,"results":"29","hashOfConfig":"26"},{"size":495,"mtime":1606345497930,"results":"30","hashOfConfig":"26"},{"size":576,"mtime":1606351486206,"results":"31","hashOfConfig":"26"},{"size":430,"mtime":1606354132896,"results":"32","hashOfConfig":"26"},{"size":769,"mtime":1606350621367,"results":"33","hashOfConfig":"26"},{"size":606,"mtime":1606345456179,"results":"34","hashOfConfig":"26"},{"size":610,"mtime":1606354446593,"results":"35","hashOfConfig":"26"},{"size":756,"mtime":1606350522955,"results":"36","hashOfConfig":"26"},{"size":461,"mtime":1606354385817,"results":"37","hashOfConfig":"26"},{"size":209,"mtime":1606329157659,"results":"38","hashOfConfig":"26"},{"size":238,"mtime":1606354957048,"results":"39","hashOfConfig":"26"},{"size":1575,"mtime":1606354971296,"results":"40","hashOfConfig":"26"},{"size":1004,"mtime":1606354854758,"results":"41","hashOfConfig":"26"},{"size":1068,"mtime":1606349956703,"results":"42","hashOfConfig":"26"},{"size":516,"mtime":1606354128670,"results":"43","hashOfConfig":"26"},{"size":460,"mtime":1606354752175,"results":"44","hashOfConfig":"26"},{"size":702,"mtime":1606354788077,"results":"45","hashOfConfig":"26"},{"size":393,"mtime":1606353365754,"results":"46","hashOfConfig":"26"},{"size":927,"mtime":1606353194486,"results":"47","hashOfConfig":"26"},{"size":456,"mtime":1606354001145,"results":"48","hashOfConfig":"26"},{"size":301,"mtime":1606354130867,"results":"49","hashOfConfig":"26"},{"filePath":"50","messages":"51","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"e5jqdg",{"filePath":"52","messages":"53","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"54","messages":"55","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"72","messages":"73","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"74","messages":"75","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"76","messages":"77","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"78","messages":"79","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"80","messages":"81","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"82","messages":"83","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"84","messages":"85","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"86","messages":"87","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"88","messages":"89","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"90","messages":"91","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"92","messages":"93","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"94","messages":"95","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"96","messages":"97","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\reportWebVitals.js",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeList.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useFooter.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useMission.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\index.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeColumn.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\index.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\App.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\initiatives.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Navbar.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeRow.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Hero.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\404.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\news.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleList.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleRow.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\newsArticle.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Mission.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Layout.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Footer.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Segment.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\SegmentGroup.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\RecentNews.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\NewsAndMission.tsx",[]] \ No newline at end of file +[{"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\reportWebVitals.js":"1","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeList.tsx":"2","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useFooter.tsx":"3","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useMission.tsx":"4","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\index.tsx":"5","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeColumn.tsx":"6","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\index.tsx":"7","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\App.tsx":"8","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\initiatives.tsx":"9","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Navbar.tsx":"10","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeRow.tsx":"11","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Hero.tsx":"12","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\404.tsx":"13","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\news.tsx":"14","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleList.tsx":"15","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleRow.tsx":"16","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\newsArticle.tsx":"17","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Mission.tsx":"18","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Layout.tsx":"19","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Footer.tsx":"20","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Segment.tsx":"21","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\SegmentGroup.tsx":"22","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\RecentNews.tsx":"23","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\NewsAndMission.tsx":"24","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\officers.tsx":"25","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\MemberRow.tsx":"26","C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\committee.tsx":"27"},{"size":362,"mtime":1606326357566,"results":"28","hashOfConfig":"29"},{"size":501,"mtime":1606350798836,"results":"30","hashOfConfig":"29"},{"size":462,"mtime":1606328149896,"results":"31","hashOfConfig":"29"},{"size":511,"mtime":1606328176836,"results":"32","hashOfConfig":"29"},{"size":495,"mtime":1606345497930,"results":"33","hashOfConfig":"29"},{"size":576,"mtime":1606351486206,"results":"34","hashOfConfig":"29"},{"size":430,"mtime":1606354132896,"results":"35","hashOfConfig":"29"},{"size":973,"mtime":1606355566214,"results":"36","hashOfConfig":"29"},{"size":606,"mtime":1606345456179,"results":"37","hashOfConfig":"29"},{"size":1824,"mtime":1606356754990,"results":"38","hashOfConfig":"29"},{"size":756,"mtime":1606350522955,"results":"39","hashOfConfig":"29"},{"size":461,"mtime":1606354385817,"results":"40","hashOfConfig":"29"},{"size":209,"mtime":1606329157659,"results":"41","hashOfConfig":"29"},{"size":238,"mtime":1606354957048,"results":"42","hashOfConfig":"29"},{"size":1575,"mtime":1606354971296,"results":"43","hashOfConfig":"29"},{"size":1004,"mtime":1606354854758,"results":"44","hashOfConfig":"29"},{"size":1068,"mtime":1606349956703,"results":"45","hashOfConfig":"29"},{"size":516,"mtime":1606354128670,"results":"46","hashOfConfig":"29"},{"size":460,"mtime":1606354752175,"results":"47","hashOfConfig":"29"},{"size":702,"mtime":1606354788077,"results":"48","hashOfConfig":"29"},{"size":393,"mtime":1606353365754,"results":"49","hashOfConfig":"29"},{"size":927,"mtime":1606353194486,"results":"50","hashOfConfig":"29"},{"size":456,"mtime":1606354001145,"results":"51","hashOfConfig":"29"},{"size":301,"mtime":1606354130867,"results":"52","hashOfConfig":"29"},{"size":529,"mtime":1606355511530,"results":"53","hashOfConfig":"29"},{"size":612,"mtime":1606355616119,"results":"54","hashOfConfig":"29"},{"size":594,"mtime":1606355578065,"results":"55","hashOfConfig":"29"},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"e5jqdg",{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"60","messages":"61","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"62","messages":"63","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"70","messages":"71","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"72","messages":"73","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"74","messages":"75","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"76","messages":"77","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"78","messages":"79","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"80","messages":"81","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"82","messages":"83","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"84","messages":"85","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"86","messages":"87","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"88","messages":"89","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"90","messages":"91","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"92","messages":"93","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"94","messages":"95","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"96","messages":"97","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"98","messages":"99","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"100","messages":"101","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\reportWebVitals.js",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeList.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useFooter.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\hooks\\useMission.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\index.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeColumn.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\index.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\App.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\initiatives.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Navbar.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\InitiativeRow.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Hero.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\404.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\news.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleList.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\ArticleRow.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\newsArticle.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Mission.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Layout.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Footer.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\Segment.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\SegmentGroup.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\RecentNews.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\NewsAndMission.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\officers.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\components\\MemberRow.tsx",[],"C:\\Users\\legoc\\Desktop\\SGA React Website\\sga-website\\src\\pages\\committee.tsx",[]] \ No newline at end of file diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index e7c4834..77e5a3d 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -15,8 +15,35 @@ let pages = [ url: '/initiatives', title: 'Initiatives', }, + { + url: '#', + title: 'What We Do', + items: [ + { + url: '/mission', + title: 'Mission and History', + }, + { + url: + 'https://docs.google.com/document/d/1ftcFGlGiyU4cS5zNX5KLoIm4M1TR90C7btj9nIWxp4M/edit', + title: 'Constitution', + }, + { + url: + 'https://drive.google.com/open?id=0B7IEunr2_iS7MTcyMDA0NmQtOTFjYy00MWQ2LThiOTItNzg5NmJiZjgxMmIy', + title: 'Meeting Minutes', + }, + { + url: + 'https://docs.google.com/spreadsheets/d/195ydC8ReqixYX989V_5FurQc5wdt_a7B29PtYzXyqJg/edit?usp=sharing', + title: 'Finance', + }, + ], + }, ]; +export function Submenu({ items }) {} + export default function Navbar() { return (
@@ -24,11 +51,32 @@ export default function Navbar() { TJ SGA {pages.map((page) => { - return ( - - {page.title} - - ); + if ('items' in page) { + return ( +
+ + {page.title} + +
+ {/* Most of these are external so we use tags instead of */} + {page.items?.map((item) => ( + <> + + {item.title} + +
+ + ))} +
+
+ ); + } else { + return ( + + {page.title} + + ); + } })}
); diff --git a/src/css/navbar.css b/src/css/navbar.css index a4f75b0..d8b4bb6 100644 --- a/src/css/navbar.css +++ b/src/css/navbar.css @@ -1,25 +1,51 @@ .nav { - width: 100%; - color: #1a202c; - display: flex; - flex-direction: row; - align-items: center; + width: 100%; + color: #1a202c; + display: flex; + flex-direction: row; + align-items: center; } .nav-link { - display: block; - padding: 10px; - text-transform: uppercase; - font-weight: 100; - transition: background-color 100ms; + display: block; + padding: 10px; + text-transform: uppercase; + font-weight: 100; + transition: background-color 100ms; } .nav-link:hover { - background-color: #ccc; + background-color: #ccc; } .nav-logo { - height: 4rem; - align-self: center; - margin: 1rem; + height: 4rem; + align-self: center; + margin: 1rem; } + +.submenu-link { + padding: 10px; + text-transform: uppercase; + font-weight: 100; + display: inline-block; +} + +.submenu-outer { + display: block; + position: relative; +} + +.submenu-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + padding: 12px 16px; + z-index: 1; +} + +.submenu-outer:hover .submenu-content { + display: inline-block; +} \ No newline at end of file