diff --git a/.all-contributorsrc b/.all-contributorsrc
index f4acc6d573d6..649f7010f604 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -408,6 +408,16 @@
"contributions": [
"code"
]
+ },
+ {
+ "login": "Olaleye-Blessing",
+ "name": "Olaleye Blessing",
+ "avatar_url": "https://avatars.githubusercontent.com/u/70102539?v=4",
+ "profile": "https://www.blessingolaleye.xyz/",
+ "contributions": [
+ "code",
+ "a11y"
+ ]
}
],
"contributorsPerLine": 7,
diff --git a/README.md b/README.md
index d065bc2c107e..0216380d677b 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,7 @@
---
-[![All Contributors](https://img.shields.io/badge/all_contributors-40-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-41-orange.svg?style=flat-square)](#contributors-)
[![Netlify Status](https://api.netlify.com/api/v1/badges/b2137407-b765-46c4-95b5-a72d9b1592ab/deploy-status)](https://app.netlify.com/sites/asyncapi-website/deploys)
@@ -200,6 +200,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
![Bhaswati Roy](https://avatars.githubusercontent.com/u/78029145?v=4?s=100) Bhaswati Roy 📖 |
![AISHAT MUIBUDEEN](https://avatars.githubusercontent.com/u/105395613?v=4?s=100) AISHAT MUIBUDEEN 🎨 |
![Nawed Ali](https://avatars.githubusercontent.com/u/83456083?v=4?s=100) Nawed Ali 💻 |
+ ![Olaleye Blessing](https://avatars.githubusercontent.com/u/70102539?v=4?s=100) Olaleye Blessing 💻 ️️️️♿️ |
diff --git a/components/icons/NavItemDropdown.js b/components/icons/NavItemDropdown.js
new file mode 100644
index 000000000000..0147f0c661f3
--- /dev/null
+++ b/components/icons/NavItemDropdown.js
@@ -0,0 +1,17 @@
+const NavItemDropdown = () => (
+
+
+
+);
+
+export default NavItemDropdown;
diff --git a/components/navigation/NavItem.js b/components/navigation/NavItem.js
index 3eb42b0bcc61..8e4ee9e99122 100644
--- a/components/navigation/NavItem.js
+++ b/components/navigation/NavItem.js
@@ -1,9 +1,10 @@
import Link from 'next/link'
import { useRouter } from 'next/router';
+import NavItemDropdown from './../icons/NavItemDropdown';
+
export default function NavItem ({
text,
href,
- route='',
target = '_self',
onClick = () => {},
onMouseEnter = () => {},
@@ -21,24 +22,28 @@ export default function NavItem ({
)
}
+ // dom attributes common to both button and link
+ const attrs = {
+ onClick,
+ onMouseEnter,
+ className: `${className} group inline-flex items-center space-x-2 font-body text-base leading-6 font-semibold hover:text-gray-900 focus:outline-none focus:text-gray-900 tracking-heading transition ease-in-out duration-150`
+ }
+
+ if(href) {
+ return (
+
+
+ {text}
+ {hasDropdown && }
+
+
+ )
+ }
+
return (
-