Accords-Library-Archive/accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Fixed button not working if no href

Browse Source
This commit is contained in:
DrMint 2022-03-28 12:57:30 +02:00
parent 095ff6582d
commit 4977c29040
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Button.tsx
View File

@ -1,4 +1,4 @@
import Link from "next/link";
import { useRouter } from "next/router";
import { MouseEventHandler } from "react";
type ButtonProps = {
@ -12,6 +12,8 @@ type ButtonProps = {
};
export default function Button(props: ButtonProps): JSX.Element {
const router = useRouter();
const button = (
<div
id={props.id}
@ -28,12 +30,16 @@ export default function Button(props: ButtonProps): JSX.Element {
</div>
);
const result = props.href ? (
<Link href={props.href} locale={props.locale} passHref>
return (
<div
onClick={() => {
if (props.href || props.locale)
router.push(props.href ?? router.asPath, props.href, {
locale: props.locale,
});
}}
>
{button}
</Link>
) : (
button
</div>
);
return result;
}