fakz9/Crm-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: links instead of buttons for navigation

Browse Source
This commit is contained in:
AlexSserb
2025-08-27 15:24:45 +04:00
parent a280f7ad12
commit e9b8cdb010
2 changed files with 10 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/layout/Footer/FooterClickable.tsx
View File

@ -1,8 +1,8 @@
"use client";
import { ReactNode } from "react";
import { usePathname, useRouter } from "next/navigation";
import { UnstyledButton } from "@mantine/core";
import Link from "next/link";
import { usePathname } from "next/navigation";
import styles from "./Footer.module.css";
type Props = {
@ -12,17 +12,14 @@ type Props = {
const FooterClickable = ({ children, href }: Props) => {
const pathname = usePathname();
const router = useRouter();
const onClick = () => router.push(href);
return (
<UnstyledButton
onClick={onClick}
<Link
href={href}
className={styles.link}
data-active={pathname === href || undefined}>
{children}
</UnstyledButton>
</Link>
);
};

13
src/components/layout/Navbar/NavbarClickable.tsx
View File

@ -1,8 +1,8 @@
"use client";
import { ReactNode } from "react";
import { usePathname, useRouter } from "next/navigation";
import { UnstyledButton } from "@mantine/core";
import Link from "next/link";
import { usePathname } from "next/navigation";
import styles from "./Navbar.module.css";
type Props = {
@ -13,17 +13,14 @@ type Props = {
const NavbarClickable = ({ children, href, active = false }: Props) => {
const pathname = usePathname();
const router = useRouter();
const onClick = () => router.push(href);
return (
<UnstyledButton
onClick={onClick}
<Link
href={href}
className={styles.link}
data-active={active || pathname === href || undefined}>
{children}
</UnstyledButton>
</Link>
);
};