removed old components
parent
9840a61071
commit
39b002327f
|
@ -1,49 +0,0 @@
|
||||||
import React from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const SelectInput = ({
|
|
||||||
name,
|
|
||||||
label,
|
|
||||||
onChange,
|
|
||||||
defaultOption,
|
|
||||||
value,
|
|
||||||
error,
|
|
||||||
options
|
|
||||||
}) => {
|
|
||||||
return (
|
|
||||||
<div className="form-group">
|
|
||||||
<label htmlFor={name}>{label}</label>
|
|
||||||
<div className="field">
|
|
||||||
{/* Note, value is set here rather than on the option - docs: https://facebook.github.io/react/docs/forms.html */}
|
|
||||||
<select
|
|
||||||
name={name}
|
|
||||||
value={value}
|
|
||||||
onChange={onChange}
|
|
||||||
className="form-control"
|
|
||||||
>
|
|
||||||
<option value="">{defaultOption}</option>
|
|
||||||
{options.map((option) => {
|
|
||||||
return (
|
|
||||||
<option key={option.value} value={option.value}>
|
|
||||||
{option.text}
|
|
||||||
</option>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</select>
|
|
||||||
{error && <div className="alert alert-danger">{error}</div>}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
SelectInput.propTypes = {
|
|
||||||
name: PropTypes.string.isRequired,
|
|
||||||
label: PropTypes.string.isRequired,
|
|
||||||
onChange: PropTypes.func.isRequired,
|
|
||||||
defaultOption: PropTypes.string,
|
|
||||||
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
||||||
error: PropTypes.string,
|
|
||||||
options: PropTypes.arrayOf(PropTypes.object)
|
|
||||||
};
|
|
||||||
|
|
||||||
export default SelectInput;
|
|
|
@ -1,37 +0,0 @@
|
||||||
import React from "react";
|
|
||||||
import PropTypes from "prop-types";
|
|
||||||
|
|
||||||
const TextInput = ({ name, label, onChange, placeholder, value, error }) => {
|
|
||||||
let wrapperClass = "form-group";
|
|
||||||
if (error && error.length > 0) {
|
|
||||||
wrapperClass += " " + "has-error";
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={wrapperClass}>
|
|
||||||
<label htmlFor={name}>{label}</label>
|
|
||||||
<div className="field">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
name={name}
|
|
||||||
className="form-control"
|
|
||||||
placeholder={placeholder}
|
|
||||||
value={value}
|
|
||||||
onChange={onChange}
|
|
||||||
/>
|
|
||||||
{error && <div className="alert alert-danger">{error}</div>}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
TextInput.propTypes = {
|
|
||||||
name: PropTypes.string.isRequired,
|
|
||||||
label: PropTypes.string.isRequired,
|
|
||||||
onChange: PropTypes.func.isRequired,
|
|
||||||
placeholder: PropTypes.string,
|
|
||||||
value: PropTypes.string,
|
|
||||||
error: PropTypes.string
|
|
||||||
};
|
|
||||||
|
|
||||||
export default TextInput;
|
|
Loading…
Reference in New Issue