fix: linkの時だけaria-disabledが付くように修正

pixiv · Oct 20, 2023 · da84270 · da84270
1 parent 0d4a492
commit da84270
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/react/src/components/Clickable/index.tsx b/packages/react/src/components/Clickable/index.tsx
@@ -28,8 +28,17 @@ export type ClickableElement = HTMLButtonElement & HTMLAnchorElement
 const Clickable = React.forwardRef<ClickableElement, ClickableProps>(
   function Clickable(props, ref) {
     const { Link } = useComponentAbstraction()
-    const as = 'to' in props ? Link : 'button'
-    return <StyledClickableDiv {...props} ref={ref} as={as} aria-disabled={props.disabled} />
+    const isLink = 'to' in props
+    const as = isLink ? Link : 'button'
+    const ariaDisabled = isLink && props.disabled === true ? true : undefined
+    return (
+      <StyledClickableDiv
+        {...props}
+        ref={ref}
+        as={as}
+        aria-disabled={ariaDisabled}
+      />
+    )
   }
 )
 export default Clickable