import React from 'react'; import PropTypes from 'prop-types'; import { FormattedMessage } from 'react-intl'; import { registrationsOpen } from 'mastodon/initial_state'; import { connect } from 'react-redux'; import Icon from 'mastodon/components/icon'; import classNames from 'classnames'; const mapStateToProps = (state, { accountId }) => ({ displayNameHtml: state.getIn(['accounts', accountId, 'display_name_html']), }); class Copypaste extends React.PureComponent { static propTypes = { value: PropTypes.string, }; state = { copied: false, }; setRef = c => { this.input = c; } handleInputClick = () => { this.setState({ copied: false }); this.input.focus(); this.input.select(); this.input.setSelectionRange(0, this.input.value.length); } handleButtonClick = () => { const { value } = this.props; navigator.clipboard.writeText(value); this.input.blur(); this.setState({ copied: true }); this.timeout = setTimeout(() => this.setState({ copied: false }), 700); } componentWillUnmount () { if (this.timeout) clearTimeout(this.timeout); } render () { const { value } = this.props; const { copied } = this.state; return (
); } } export default @connect(mapStateToProps) class InteractionModal extends React.PureComponent { static propTypes = { displayNameHtml: PropTypes.string, url: PropTypes.string, type: PropTypes.oneOf(['reply', 'reblog', 'favourite', 'follow']), }; render () { const { url, type, displayNameHtml } = this.props; const name = ; let title, actionDescription, icon; switch(type) { case 'reply': icon = ; title = ; actionDescription = ; break; case 'reblog': icon = ; title = ; actionDescription = ; break; case 'favourite': icon = ; title = ; actionDescription = ; break; case 'follow': icon = ; title = ; actionDescription = ; break; } return (

{icon} {title}

{actionDescription}

); } }