ash/comicbox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: make LinkButton only pass href to Link

Browse source
This commit is contained in:
Ashhhleyyy 2022-08-01 17:17:59 +01:00
parent abadf0aae5
commit d4e12c381d
Signed by: ash
GPG key ID: 83B789081A0878FB
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/Button.tsx
View file

@ -4,6 +4,7 @@ import {
DetailedHTMLProps, DetailedHTMLProps,
} from 'react'; } from 'react';
import Link from 'next/link'; import Link from 'next/link';
import { UrlObject } from 'url';
interface CustomProps { interface CustomProps {
noDefaultColous?: boolean; noDefaultColous?: boolean;
@ -38,11 +39,13 @@ export default function Button({
return <button className={classes.join(' ')} {...props} />; return <button className={classes.join(' ')} {...props} />;
} }
type LinkButtonProps = AnchorHTMLAttributes<HTMLAnchorElement>; type LinkButtonProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
href: string | UrlObject;
};
export function LinkButton({ className, children, ...props }: LinkButtonProps) { export function LinkButton({ className, children, href, ...props }: LinkButtonProps) {
return ( return (
<Link href={props.href || ''}> <Link href={href}>
<a <a
className={'text-blue-200 hover:underline ' + (className || '')} className={'text-blue-200 hover:underline ' + (className || '')}
{...props} {...props}