From 61b75b17e7458939057551deea496a53a1f3deb8 Mon Sep 17 00:00:00 2001
From: Gina A <70909035+gndz07@users.noreply.github.com>
Date: Mon, 13 May 2024 10:36:04 +0200
Subject: [PATCH] feat: remove mesh from main navigation

---
 src/components/nav/DrawerNav.tsx |  1 -
 src/components/nav/MainNav.tsx   | 36 ++++----------------------------
 src/images/TraefikMeshLogo.tsx   | 22 -------------------
 src/images/index.tsx             |  2 --
 4 files changed, 4 insertions(+), 57 deletions(-)
 delete mode 100644 src/images/TraefikMeshLogo.tsx

diff --git a/src/components/nav/DrawerNav.tsx b/src/components/nav/DrawerNav.tsx
index 5d8f4d4..9101aec 100644
--- a/src/components/nav/DrawerNav.tsx
+++ b/src/components/nav/DrawerNav.tsx
@@ -45,7 +45,6 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
           </div>
           <div className="sub-menu">
             <SubLink href="https://traefik.io/traefik/">Traefik Proxy</SubLink>
-            <SubLink href="https://traefik.io/traefik-mesh/">Traefik Mesh</SubLink>
           </div>
         </div>
 
diff --git a/src/components/nav/MainNav.tsx b/src/components/nav/MainNav.tsx
index a791299..17c6d6f 100644
--- a/src/components/nav/MainNav.tsx
+++ b/src/components/nav/MainNav.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import styled from 'styled-components'
 
-import { Flex, Grid, Heading } from '@containous/faency'
+import { Box, Flex, Grid, Heading } from '@containous/faency'
 import NavItem from './NavItem'
 import Product from './Product'
 import * as MenuColumn from './MenuColumn'
@@ -11,7 +11,6 @@ import {
   TraefikHubLogo,
   TraefikEnterpriseLogo,
   TraefikProxyLogo,
-  TraefikMeshLogo,
   RocketIcon,
   GithubIcon,
   DocsIcon,
@@ -32,7 +31,7 @@ const Wrapper = styled(Flex)`
   }
 `
 
-const MainNav: React.FC = () => {
+const MainNav = () => {
   const lastPost = useGetLastPost('blog')
   const lastResource = useGetLastPost('resources')
 
@@ -104,7 +103,7 @@ const MainNav: React.FC = () => {
         </NavItem>
 
         <NavItem name="Open Source" hasSubmenu>
-          <Grid sx={{ gridTemplateColumns: 'repeat(2, 364px)' }}>
+          <Box>
             <Product
               title="Traefik Proxy"
               description="The Cloud-Native application proxy"
@@ -132,29 +131,7 @@ const MainNav: React.FC = () => {
                 },
               ]}
             />
-            <Product
-              title="Traefik Mesh"
-              description="The simplest service mesh"
-              logo={<TraefikMeshLogo />}
-              url="https://traefik.io/traefik-mesh/"
-              color="#be46dd"
-              bgColor="#f4f5f6"
-              links={[
-                {
-                  title: 'GitHub',
-                  url: 'https://github.com/traefik/mesh',
-                  external: true,
-                  icon: <GithubIcon aria-hidden="true" />,
-                },
-                {
-                  title: 'Documentation',
-                  url: 'https://doc.traefik.io/traefik-mesh/',
-                  external: true,
-                  icon: <DocsIcon aria-hidden="true" />,
-                },
-              ]}
-            />
-          </Grid>
+          </Box>
         </NavItem>
 
         <NavItem name="Solutions" hasSubmenu position={{ marginLeft: '-25%' }}>
@@ -207,11 +184,6 @@ const MainNav: React.FC = () => {
 
             <MenuColumn.Column title="Documentation">
               <MenuColumn.Item title="Traefik Proxy" href="https://doc.traefik.io/traefik/" external />
-              <MenuColumn.Item
-                title="Traefik Mesh"
-                href="https://doc.traefik.io/traefik-mesh/"
-                external
-              ></MenuColumn.Item>
               <MenuColumn.Item
                 title="Traefik Enterprise"
                 href="https://doc.traefik.io/traefik-enterprise/"
diff --git a/src/images/TraefikMeshLogo.tsx b/src/images/TraefikMeshLogo.tsx
deleted file mode 100644
index a41daaa..0000000
--- a/src/images/TraefikMeshLogo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-const TraefikMeshLogo = () => {
-  return (
-    <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
-      <defs>
-        <path id="a" d="M0 0h40v40H0z" />
-      </defs>
-      <g fill="none" fillRule="evenodd">
-        <mask id="b" fill="#fff">
-          <use xlinkHref="#a" />
-        </mask>
-        <path
-          d="m15.087 9.165.052.028 4.458 2.513a1 1 0 0 0 .981 0l4.42-2.487a1.5 1.5 0 0 1 1.522 2.585l-.05.03-2.553 1.436a.5.5 0 0 0 0 .871l6.89 3.884a1 1 0 0 0 .982 0l4.26-2.401a1.5 1.5 0 0 1 1.524 2.583l-.05.03-2.398 1.351a.5.5 0 0 0 0 .872l2.41 1.359a1.5 1.5 0 0 1-1.42 2.641l-.052-.028-4.274-2.41a1 1 0 0 0-.982 0L23.84 25.95a.5.5 0 0 0 0 .872l2.878 1.622a1.5 1.5 0 0 1-1.421 2.641l-.052-.028-4.74-2.672a1 1 0 0 0-.983 0l-4.782 2.695a1.5 1.5 0 0 1-1.524-2.583l.051-.03 2.919-1.645a.5.5 0 0 0 0-.872l-6.904-3.891a1 1 0 0 0-.982 0l-4.065 2.287a1.5 1.5 0 0 1-1.522-2.585l.05-.03 2.198-1.236a.5.5 0 0 0 0-.872l-2.194-1.237a1.5 1.5 0 0 1 1.422-2.641l.052.028 4.06 2.29a1 1 0 0 0 .982 0l6.973-3.924a.5.5 0 0 0 0-.871l-2.59-1.46a1.5 1.5 0 0 1 1.42-2.642zm4.508 6.537-6.972 3.923a.5.5 0 0 0 0 .871l6.9 3.89a1 1 0 0 0 .982 0l6.966-3.926a.5.5 0 0 0 0-.872l-6.894-3.886a1 1 0 0 0-.982 0z"
-          fill="#BE46DD"
-          fillRule="nonzero"
-          mask="url(#b)"
-        />
-      </g>
-    </svg>
-  )
-}
-
-export default TraefikMeshLogo
diff --git a/src/images/index.tsx b/src/images/index.tsx
index a4a1d44..5711154 100644
--- a/src/images/index.tsx
+++ b/src/images/index.tsx
@@ -1,7 +1,6 @@
 import TraefikHubLogo from 'images/TraefikHubLogo'
 import TraefikEnterpriseLogo from 'images/TraefikEnterpriseLogo'
 import TraefikProxyLogo from 'images/TraefikProxyLogo'
-import TraefikMeshLogo from 'images/TraefikMeshLogo'
 import RocketIcon from 'images/RocketIcon'
 import GithubIcon from 'images/GithubIcon'
 import DocsIcon from 'images/DocsIcon'
@@ -17,7 +16,6 @@ export {
   TraefikHubLogo,
   TraefikEnterpriseLogo,
   TraefikProxyLogo,
-  TraefikMeshLogo,
   RocketIcon,
   GithubIcon,
   DocsIcon,