diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2019-08-30 00:14:36 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-08-30 00:14:36 +0200 |
commit | cb447b28c403c7db32e3e3d7c2510004287edfda (patch) | |
tree | 5bf7b38a977107857407ba7e9d03044eb0c1534a /app/javascript/mastodon/components/radio_button.js | |
parent | 7802ebd5f3de1ef4b7384f24fe5067977aff8da3 (diff) |
Add profile directory to web UI (#11688)
* Add profile directory to web UI * Add a line of bio to the directory
Diffstat (limited to 'app/javascript/mastodon/components/radio_button.js')
-rw-r--r-- | app/javascript/mastodon/components/radio_button.js | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/app/javascript/mastodon/components/radio_button.js b/app/javascript/mastodon/components/radio_button.js new file mode 100644 index 000000000..0496fa286 --- /dev/null +++ b/app/javascript/mastodon/components/radio_button.js @@ -0,0 +1,35 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import classNames from 'classnames'; + +export default class RadioButton extends React.PureComponent { + + static propTypes = { + value: PropTypes.string.isRequired, + checked: PropTypes.bool, + name: PropTypes.string.isRequired, + onChange: PropTypes.func.isRequired, + label: PropTypes.node.isRequired, + }; + + render () { + const { name, value, checked, onChange, label } = this.props; + + return ( + <label className='radio-button'> + <input + name={name} + type='radio' + value={value} + checked={checked} + onChange={onChange} + /> + + <span className={classNames('radio-button__input', { checked })} /> + + <span>{label}</span> + </label> + ); + } + +} |