=>
({ row: { original } }) => {
+ const ariaDisabled = original.createdBy.id === 0;
+ const clickAction = ariaDisabled
+ ? () => {}
+ : () => onAvatarClick(original.createdBy.id);
+ const tooltipContent = ariaDisabled ? (
+ <>
+ {original.createdBy.name}
+
+ You can't filter by unknown users.
+
+ >
+ ) : (
+ {original.createdBy.name}
+ );
+
return (
-
+
onAvatarClick(original.createdBy.id)}
+ aria-disabled={ariaDisabled}
+ onClick={clickAction}
>