Adding discover nav item

near · Sep 29, 2023 · ce883fa · ce883fa
1 parent 801e207
commit ce883fa
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 5 deletions.
diff --git a/src/components/navigation/Navigation.tsx b/src/components/navigation/Navigation.tsx
@@ -7,11 +7,11 @@ export const Navigation = () => {
   const [matches, setMatches] = useState(true);
 
   useEffect(() => {
-    setMatches(window.matchMedia('(min-width: 1100px)').matches);
+    setMatches(window.matchMedia('(min-width: 1120px)').matches);
   }, []);
 
   useEffect(() => {
-    window.matchMedia('(min-width: 1100px)').addEventListener('change', (e) => setMatches(e.matches));
+    window.matchMedia('(min-width: 1120px)').addEventListener('change', (e) => setMatches(e.matches));
   }, []);
 
   return (

diff --git a/src/components/navigation/desktop/DesktopNavigation.tsx b/src/components/navigation/desktop/DesktopNavigation.tsx
@@ -71,7 +71,7 @@ const Search = styled.div`
     border: 1px solid var(--sand6);
     background-color: white;
     font-size: 16px;
-    margin-left: 30px;
+    margin-left: 1rem;
     width: 200px;
     transition: all 200ms;
 
@@ -114,7 +114,7 @@ const Actions = styled.div`
   margin-left: auto;
   position: relative;
   z-index: 10;
-  gap: 10px;
+  gap: 0.5rem;
 `;
 
 export const DesktopNavigation = () => {

diff --git a/src/components/navigation/desktop/MainNavigationMenu.tsx b/src/components/navigation/desktop/MainNavigationMenu.tsx
@@ -32,7 +32,6 @@ const NavList = styled(NavigationMenu.List)`
   margin: 0;
   padding: 0;
   height: 100%;
-  gap: 0.5rem;
 `;
 
 const NavItem = styled(NavigationMenu.Item)`

diff --git a/src/components/navigation/navigation-categories.ts b/src/components/navigation/navigation-categories.ts
@@ -1,4 +1,27 @@
 export const navigationCategories = [
+  {
+    title: 'Discover',
+    sections: [
+      {
+        title: null,
+        links: [
+          {
+            title: 'Components',
+            url: '/components',
+          },
+          {
+            title: 'Applications',
+            url: '/applications',
+          },
+          {
+            title: 'Gateways',
+            url: 'https://near.org/gateways',
+          },
+        ],
+      },
+    ],
+  },
+
   {
     title: 'Platform',
     sections: [