From 5087a1e68ea35f981d2bf7748a21cde130b980bc Mon Sep 17 00:00:00 2001
From: manishayd22 <62380574+manishayd22@users.noreply.github.com>
Date: Tue, 12 Nov 2024 12:42:03 +0100
Subject: [PATCH] feat: add API runtime governance and api mocking to menu
---
src/components/nav/DrawerNav.tsx | 2 ++
src/components/nav/MainNav.tsx | 16 ++++++++++++++++
src/images/APIGovernance.svg | 28 ++++++++++++++++++++++++++++
src/images/APIMocking.svg | 28 ++++++++++++++++++++++++++++
4 files changed, 74 insertions(+)
create mode 100644 src/images/APIGovernance.svg
create mode 100644 src/images/APIMocking.svg
diff --git a/src/components/nav/DrawerNav.tsx b/src/components/nav/DrawerNav.tsx
index 8dd2cde..c079fa0 100644
--- a/src/components/nav/DrawerNav.tsx
+++ b/src/components/nav/DrawerNav.tsx
@@ -52,6 +52,8 @@ const DrawerNav = ({ isDrawerOpen }: Props) => {
API Management
Web Application Firewall
API Gateway
+ Runtime API Governance
+ API Mocking
diff --git a/src/components/nav/MainNav.tsx b/src/components/nav/MainNav.tsx
index 6366f0c..b9f1920 100644
--- a/src/components/nav/MainNav.tsx
+++ b/src/components/nav/MainNav.tsx
@@ -10,6 +10,8 @@ import { ReactComponent as TraefikIcon } from '../../images/Traefik-Hub.svg'
import { ReactComponent as TraefikProxyIcon } from '../../images/TraefikProxy.svg'
import { ReactComponent as TraefikEnterpriseIcon } from '../../images/TraefikEnterprise.svg'
import { ReactComponent as ApiGatewayIcon } from '../../images/APIGateway.svg'
+import { ReactComponent as ApiGovernanceIcon } from '../../images/APIGovernance.svg'
+import { ReactComponent as ApiMockingIcon } from '../../images/APIMocking.svg'
import { ReactComponent as APIManagementIcon } from '../../images/APIManagement.svg'
import { ReactComponent as DockerSwarmIcon } from '../../images/DockerSwarmIngress.svg'
import { ReactComponent as KubernetesIcon } from '../../images/KubernetesIngress.svg'
@@ -166,6 +168,20 @@ const MainNav = () => {
description: 'Simplifies and Accelerates API lifecycle management.',
icon: ,
},
+ {
+ title: 'Runtime API Governance',
+ url: 'https://traefik.io/solutions/api-governance/',
+ external: true,
+ description: 'Enforce critical runtime API policies for secure, reliable, and compliant API management.',
+ icon: ,
+ },
+ {
+ title: 'API Mocking',
+ url: 'https://traefik.io/solutions/api-mocking/',
+ external: true,
+ description: 'Create, publish, and consume mock APIs with production-like UX and SLAs.',
+ icon: ,
+ },
]}
bgImage={'https://traefik.io/images/site-nav/PatternBG-2@3x.png'}
/>
diff --git a/src/images/APIGovernance.svg b/src/images/APIGovernance.svg
new file mode 100644
index 0000000..7c59552
--- /dev/null
+++ b/src/images/APIGovernance.svg
@@ -0,0 +1,28 @@
+
diff --git a/src/images/APIMocking.svg b/src/images/APIMocking.svg
new file mode 100644
index 0000000..a61b83b
--- /dev/null
+++ b/src/images/APIMocking.svg
@@ -0,0 +1,28 @@
+