313cd61ee3
* flare tag line height * . * dropdown fix + actions bar fix * actions bar on mob * . * css commented out * . * button fix * preload adjustments * tags * Fixed listings modal to make it semantic HTML via <dialog />. * Refactor an a11y fix. * Removed test that is no longer needed. * Added missing global function for test.. * Fixed broken <ListingFiltersCategories /> tests. * Refactor of mobile dropdown for listing categories. * Updated a TODO. * Made the clear query button a crayons Preact button. * padding * Fixed listings modal for accessiblilty. * Removed rspecs that are no longer valid. * We're no longer using the <dialog /> element, at least for now, so CSS changes aren't necessary. * Wasn't supposed to be committed. Co-authored-by: Nick Taylor <nick@dev.to> Co-authored-by: rhymes <rhymes@hey.com> Co-authored-by: Nick Taylor <nick@iamdeveloper.com>
21 lines
441 B
JavaScript
21 lines
441 B
JavaScript
import { h } from 'preact';
|
||
import PropTypes from 'prop-types';
|
||
import { Button } from '@crayons/Button/Button';
|
||
|
||
const ClearQueryButton = ({ onClick }) => (
|
||
<Button
|
||
data-testid="clear-query-button"
|
||
variant="ghost"
|
||
className="absolute right-0"
|
||
onClick={onClick}
|
||
id="clear-query-button"
|
||
>
|
||
×
|
||
</Button>
|
||
);
|
||
|
||
ClearQueryButton.propTypes = {
|
||
onClick: PropTypes.func.isRequired,
|
||
};
|
||
|
||
export default ClearQueryButton;
|