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

Merge pull request #20 from Accords-Library/develop 

Fixed button not working if no href
This commit is contained in:
DrMint 2022-03-28 12:58:07 +02:00 committed by GitHub
parent 6d4fab38ab 4977c29040
commit 0049e53ce2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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"; import { MouseEventHandler } from "react";
type ButtonProps = { type ButtonProps = {
@ -12,6 +12,8 @@ type ButtonProps = {
}; };
export default function Button(props: ButtonProps): JSX.Element { export default function Button(props: ButtonProps): JSX.Element {
const router = useRouter();
const button = ( const button = (
<div <div
id={props.id} id={props.id}
@ -28,12 +30,16 @@ export default function Button(props: ButtonProps): JSX.Element {
</div> </div>
); );
const result = props.href ? ( return (
<Link href={props.href} locale={props.locale} passHref> <div
onClick={() => {
if (props.href || props.locale)
router.push(props.href ?? router.asPath, props.href, {
locale: props.locale,
});
}}
>
{button} {button}
</Link> </div>
) : (
button
); );
return result;
} }