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

Fixed pointer issue with Link elements

This commit is contained in:
DrMint 2022-11-01 03:43:36 +01:00
parent 16db6a9a39
commit f4ff30e279
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Inputs/Link.tsx
View File

@ -1,5 +1,5 @@
import router from "next/router";
import { PointerEventHandler, useState } from "react";
import { MouseEventHandler, useState } from "react";
import { isDefined } from "helpers/others";
interface Props {
@ -8,7 +8,7 @@ interface Props {
allowNewTab?: boolean;
alwaysNewTab?: boolean;
children: React.ReactNode;
onClick?: PointerEventHandler<HTMLDivElement>;
onClick?: MouseEventHandler<HTMLDivElement>;
onFocusChanged?: (isFocused: boolean) => void;
disabled?: boolean;
}
@ -28,19 +28,19 @@ export const Link = ({
return (
<div
className={className}
onPointerLeave={() => {
onMouseLeave={() => {
setIsValidClick(false);
onFocusChanged?.(false);
}}
onContextMenu={(event) => event.preventDefault()}
onPointerDown={(event) => {
onMouseDown={(event) => {
if (!disabled) {
event.preventDefault();
onFocusChanged?.(true);
setIsValidClick(true);
}
}}
onPointerUp={(event) => {
onMouseUp={(event) => {
onFocusChanged?.(false);
if (!disabled) {
if (isDefined(onClick)) {