653ec12300
Co-authored-by: Nick Taylor <nick@iamdeveloper.com> Co-authored-by: Ridhwana <Ridhwana.Khan16@gmail.com>
36 lines
958 B
JavaScript
36 lines
958 B
JavaScript
// Archive / unarchive button for item list
|
|
|
|
// NOTE: although this element should clearly be a button and not an anchor,
|
|
// I think I've stumbled on a (p)React bug similar to this:
|
|
// <https://github.com/facebook/react/issues/9023>
|
|
// where if I transform it in a button, `e.preventDefault()` in the parent
|
|
// handler or `e.stopPropagation` are just ignored
|
|
import { h } from 'preact';
|
|
import PropTypes from 'prop-types';
|
|
|
|
export const ItemListItemArchiveButton = ({ text, onClick }) => {
|
|
const onKeyUp = (e) => {
|
|
if (e.key === 'Enter') {
|
|
onClick(e);
|
|
}
|
|
};
|
|
|
|
return (
|
|
// eslint-disable-next-line jsx-a11y/anchor-is-valid
|
|
<a
|
|
className="archive-button"
|
|
onClick={onClick}
|
|
onKeyUp={onKeyUp}
|
|
tabIndex="0"
|
|
aria-label="archive item"
|
|
role="button"
|
|
>
|
|
{text}
|
|
</a>
|
|
);
|
|
};
|
|
|
|
ItemListItemArchiveButton.propTypes = {
|
|
text: PropTypes.string.isRequired,
|
|
onClick: PropTypes.func.isRequired,
|
|
};
|