fix: handling Users Custom onClick event as well

themesberg · Feb 5, 2024 · a733e74 · a733e74
1 parent 37bcb68
commit a733e74
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/Navbar/NavbarLink.tsx b/src/components/Navbar/NavbarLink.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import type { ComponentProps, ElementType, FC } from 'react';
+import type { ComponentProps, ElementType, FC, MouseEvent } from 'react';
 import { twMerge } from 'tailwind-merge';
 import { mergeDeep } from '../../helpers/merge-deep';
 import type { DeepPartial } from '../../types';
@@ -28,14 +28,16 @@ export const NavbarLink: FC<NavbarLinkProps> = ({
   children,
   className,
   theme: customTheme = {},
+  onClick: userOnClick,
   ...props
 }) => {
   const { theme: rootTheme, isOpen, setIsOpen } = useNavbarContext();
 
   const theme = mergeDeep(rootTheme.link, customTheme);
 
-  const handleClick = () => {
+  const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {
     setIsOpen(!isOpen);
+    userOnClick && userOnClick(event);
   };
 
   return (