Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 16:23:06 +10:00
Code Issues Packages Projects Releases Wiki Activity

move menu links to map, add window-size hook

Browse Source
This commit is contained in:
premiare
2023-08-18 19:35:45 +10:00
parent ad1ff6159c
commit 9b92cad2db
4 changed files with 102 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/marketing/src/components/(marketing)/header.tsx
View File

@ -13,15 +13,15 @@ import { MobileNavigation } from './mobile-navigation';
export type HeaderProps = HTMLAttributes<HTMLElement>;
export const Header = ({ className, ...props }: HeaderProps) => {
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState<boolean>(false);
const [isMobileOpen, setIsMobileOpen] = useState<boolean>(false);
const handleMenuToggle = () => {
setIsMobileMenuOpen(!isMobileMenuOpen);
setIsMobileOpen(!isMobileOpen);
};
return (
<header className={cn('flex items-center justify-between', className)} {...props}>
<Link href="/">
<Link href="/" className="z-10" onClick={() => isMobileOpen && handleMenuToggle()}>
<Image src="/logo.png" alt="Documenso Logo" width={170} height={0}></Image>
</Link>
@ -43,8 +43,8 @@ export const Header = ({ className, ...props }: HeaderProps) => {
</Link>
</div>
<HamburgerMenu menuToggle={handleMenuToggle} isMenuOpen={isMobileMenuOpen} />
<MobileNavigation isMenuOpen={isMobileMenuOpen} />
<HamburgerMenu menuToggle={handleMenuToggle} isMenuOpen={isMobileOpen} />
<MobileNavigation isMenuOpen={isMobileOpen} menuToggle={handleMenuToggle} />
</header>
);
};