DigiFi/digifi-www
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Added layout to lets get started bvn

Browse Source
This commit is contained in:
Ebube
2024-03-19 09:04:49 +01:00
parent 2a59165054
commit 79f5af7692
13 changed files with 107 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header/HeaderMenuItem.tsx
+5 -4
View File
@@ -3,9 +3,10 @@ import { LowerMenuItem } from "./Header";
interface MenuItemProps {
item: LowerMenuItem;
subItemClass: string;
}
const HeaderMenuItem: React.FC<MenuItemProps> = ({ item }) => {
const HeaderMenuItem: React.FC<MenuItemProps> = ({ item, subItemClass }) => {
const [showSubMenu, setShowSubMenu] = useState<boolean>(false);
const toggleSubMenu = () => {
@@ -14,15 +15,15 @@ const HeaderMenuItem: React.FC<MenuItemProps> = ({ item }) => {
return (
<li
className="cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt]"
className={`cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt] ${subItemClass && "flex gap-4"}`}
onMouseEnter={toggleSubMenu}
onMouseLeave={toggleSubMenu}
>
<a href={item.linkPath}>{item.name}</a>
{showSubMenu && item.subItems && (
<ul className="absolute bg-white shadow-md p-4 z-20">
<ul className={`absolute bg-white shadow-md p-4 z-20 ${setShowSubMenu && subItemClass}`}>
{item.subItems.map((subItem, index) => (
<HeaderMenuItem key={index} item={subItem} />
<HeaderMenuItem key={index} item={subItem} subItemClass="relative" />
))}
</ul>
)}