docbrown/app/javascript/listings/elements/bodyMarkdown.jsx
Andy Zhao 07796e769a Move new listing form to Preact (#2674)
* Fix typo

* Use preact for new listing form

* Send proper max tag amount in error msg

* Add styles back in for edit page
2019-05-03 10:17:12 -04:00

26 lines
726 B
JavaScript

import { h } from 'preact';
import PropTypes from 'prop-types';
const BodyMarkdown = ({ onChange, defaultValue }) => (
<div className="field">
<label className="listingform__label" htmlFor="body_markdown">
Body Markdown
<textarea
className="listingform__input listingform__bodymarkdown"
id="body_markdown"
name="classified_listing[body_markdown]"
maxLength="400"
placeholder="400 characters max, 12 line break max, no images allowed"
value={defaultValue}
onInput={onChange}
/>
</label>
</div>
)
BodyMarkdown.propTypes = {
onChange: PropTypes.func.isRequired,
defaultValue: PropTypes.string.isRequired,
}
export default BodyMarkdown;