docbrown/app/javascript/listings/components/ModalBackground.jsx
ludwiczakpawel 313cd61ee3
Listings redesign (#9349)
* 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>
2020-07-30 17:53:35 -04:00

18 lines
392 B
JavaScript

import { h } from 'preact';
import PropTypes from 'prop-types';
const ModalBackground = ({ onClick }) => (
<div
data-testid="listings-modal-background"
className="crayons-modal__overlay"
onClick={onClick}
role="presentation"
id="listings-modal-background"
/>
);
ModalBackground.propTypes = {
onClick: PropTypes.func.isRequired,
};
export default ModalBackground;