Add ecosystem submenu with partners button to the menu

estuary · Nov 8, 2024 · e2b7dbb · e2b7dbb
1 parent cd3a1ac
commit e2b7dbb
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 9 deletions.
diff --git a/src/components/HeaderNavbar/Resources/index.tsx b/src/components/HeaderNavbar/Resources/index.tsx
@@ -19,7 +19,7 @@ import {
 import { hideOnMobile, longLinkList } from '../styles.module.less';
 import Carousel from '../../Carousel';
 import SuccessIcon from '../../../svgs/success.svg';
-import { listen, read } from './items';
+import { listen, read, partners } from './items';
 import ResourcesLink from './Link';
 
 const iconSize = 16;
@@ -73,13 +73,20 @@ const HeaderNavbarResources = ({ active, setActive }) => {
             </MenuAccordionButton>
             <MenuAccordionContent>
                 <Card>
-                    <CardItem
-                        className={clsx(hideOnMobile, longLinkList)}
-                        title="CASE STUDIES"
-                        items={caseStudiesItems}
-                        onlyContent
-                        active={active}
-                    />
+                    <ColumnWithTwoRows>
+                        <CardItem
+                            title="ECOSYSTEM"
+                            items={partners}
+                            onlyContent
+                        />
+                        <CardItem
+                            className={clsx(hideOnMobile, longLinkList)}
+                            title="CASE STUDIES"
+                            items={caseStudiesItems}
+                            onlyContent
+                            active={active}
+                        />
+                    </ColumnWithTwoRows>
                     <ColumnWithTwoRows>
                         <CardItem title="READ" items={read} onlyContent />
                         <CardItem title="LISTEN" items={listen} onlyContent />

diff --git a/src/components/HeaderNavbar/Resources/items.tsx b/src/components/HeaderNavbar/Resources/items.tsx
@@ -2,8 +2,9 @@ import { StaticImage } from 'gatsby-plugin-image';
 import * as React from 'react';
 import { statusPageUrl, webinarsUrl } from '../../../../shared';
 import DocIcon from '../../../svgs/file.svg';
+import SuccessIcon from '../../../svgs/success.svg';
 
-const iconSize = 18;
+const iconSize = 16;
 
 export const read = [
     {
@@ -71,3 +72,14 @@ export const tours = [
         to: webinarsUrl,
     },
 ];
+
+export const partners = [
+    {
+        name: 'PARTNERS',
+        to: '/partners/',
+        description: 'Browse our directory of partners',
+        Image: () => (
+            <SuccessIcon color="#5072EB" width={iconSize} height={iconSize} />
+        ),
+    },
+];