diff options
Diffstat (limited to 'app/javascript/flavours/glitch/components/spoilers.js')
-rw-r--r-- | app/javascript/flavours/glitch/components/spoilers.js | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/app/javascript/flavours/glitch/components/spoilers.js b/app/javascript/flavours/glitch/components/spoilers.js deleted file mode 100644 index 8527403c1..000000000 --- a/app/javascript/flavours/glitch/components/spoilers.js +++ /dev/null @@ -1,50 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import { FormattedMessage } from 'react-intl'; - -export default -class Spoilers extends React.PureComponent { - static propTypes = { - spoilerText: PropTypes.string, - children: PropTypes.node, - }; - - state = { - hidden: true, - } - - handleSpoilerClick = () => { - this.setState({ hidden: !this.state.hidden }); - } - - render () { - const { spoilerText, children } = this.props; - const { hidden } = this.state; - - const toggleText = hidden ? - <FormattedMessage - id='status.show_more' - defaultMessage='Show more' - key='0' - /> : - <FormattedMessage - id='status.show_less' - defaultMessage='Show less' - key='0' - />; - - return ([ - <p className='spoiler__text'> - {spoilerText} - {' '} - <button tabIndex='0' className='status__content__spoiler-link' onClick={this.handleSpoilerClick}> - {toggleText} - </button> - </p>, - <div className={`status__content__spoiler ${!hidden ? 'status__content__spoiler--visible' : ''}`}> - {children} - </div> - ]); - } -} - |