fix(ssr): remove a tag on button
This commit is contained in:
parent
fb38ac69df
commit
e40c78e9b9
@ -3,38 +3,38 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/Tooltip";
|
|||||||
|
|
||||||
interface ButtonProps {
|
interface ButtonProps {
|
||||||
text?: JSX.Element | string;
|
text?: JSX.Element | string;
|
||||||
url?: string;
|
|
||||||
icon?: JSX.Element;
|
icon?: JSX.Element;
|
||||||
color?: string;
|
color?: string;
|
||||||
tooltip?: React.ReactNode;
|
tooltip?: React.ReactNode;
|
||||||
className?: string;
|
className?: string;
|
||||||
|
ariaLabel?: string;
|
||||||
onClick?: () => void;
|
onClick?: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function Button({
|
export default function Button({
|
||||||
text,
|
text,
|
||||||
url,
|
|
||||||
icon,
|
icon,
|
||||||
color,
|
color,
|
||||||
tooltip,
|
tooltip,
|
||||||
className,
|
className,
|
||||||
|
ariaLabel = "Default button label",
|
||||||
onClick,
|
onClick,
|
||||||
}: ButtonProps) {
|
}: ButtonProps) {
|
||||||
if (!color) color = "bg-blue-500";
|
if (!color) color = "bg-blue-500";
|
||||||
|
|
||||||
const base = (
|
const base = (
|
||||||
<a href={url} onClick={onClick}>
|
<button
|
||||||
<p
|
|
||||||
className={clsx(
|
className={clsx(
|
||||||
"font-md flex w-fit transform-gpu flex-row items-center gap-1 rounded-md p-1 transition-all hover:opacity-80",
|
"flex items-center justify-center gap-2 rounded-md px-4 py-2",
|
||||||
className,
|
|
||||||
color,
|
color,
|
||||||
|
className,
|
||||||
)}
|
)}
|
||||||
|
onClick={onClick}
|
||||||
|
aria-label={ariaLabel}
|
||||||
>
|
>
|
||||||
{icon}
|
{icon}
|
||||||
{text}
|
{text}
|
||||||
</p>
|
</button>
|
||||||
</a>
|
|
||||||
);
|
);
|
||||||
|
|
||||||
if (tooltip) {
|
if (tooltip) {
|
||||||
|
Loading…
Reference in New Issue
Block a user