91 lines
2.3 KiB
JavaScript
91 lines
2.3 KiB
JavaScript
|
import ImmutablePropTypes from 'react-immutable-proptypes'
|
||
|
|
import ImmutablePureComponent from 'react-immutable-pure-component'
|
||
|
|
import { defineMessages, injectIntl } from 'react-intl'
|
||
|
|
import PopoverLayout from './popover_layout'
|
||
|
|
import List from '../list'
|
||
|
|
|
||
|
|
const messages = defineMessages({
|
||
|
|
embed: { id: 'status.embed', defaultMessage: 'Embed gab' },
|
||
|
|
email: { id: 'status.email', defaultMessage: 'Email gab' },
|
||
|
|
copy: { id: 'status.copy', defaultMessage: 'Copy link to gab' },
|
||
|
|
});
|
||
|
|
|
||
|
|
// const makeMapStateToProps = () => {
|
||
|
|
// const getAccount = makeGetAccount();
|
||
|
|
|
||
|
|
// const mapStateToProps = (state, { account }) => ({
|
||
|
|
|
||
|
|
// });
|
||
|
|
|
||
|
|
// return mapStateToProps;
|
||
|
|
// };
|
||
|
|
|
||
|
|
// const mapDispatchToProps = (dispatch, { intl }) => ({
|
||
|
|
|
||
|
|
// });
|
||
|
|
|
||
|
|
export default
|
||
|
|
@injectIntl
|
||
|
|
// @connect(makeMapStateToProps, mapDispatchToProps)
|
||
|
|
class StatusSharePopover extends ImmutablePureComponent {
|
||
|
|
static propTypes = {
|
||
|
|
status: ImmutablePropTypes.map,
|
||
|
|
intl: PropTypes.object.isRequired,
|
||
|
|
}
|
||
|
|
|
||
|
|
handleEmbed = () => {
|
||
|
|
// this.props.onEmbed(this.props.status);
|
||
|
|
}
|
||
|
|
|
||
|
|
handleCopy = () => {
|
||
|
|
// const url = this.props.status.get('url');
|
||
|
|
// const textarea = document.createElement('textarea');
|
||
|
|
|
||
|
|
// textarea.textContent = url;
|
||
|
|
// textarea.style.position = 'fixed';
|
||
|
|
|
||
|
|
// document.body.appendChild(textarea);
|
||
|
|
|
||
|
|
// try {
|
||
|
|
// textarea.select();
|
||
|
|
// document.execCommand('copy');
|
||
|
|
// } catch (e) {
|
||
|
|
// //
|
||
|
|
// } finally {
|
||
|
|
// document.body.removeChild(textarea);
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { intl } = this.props
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PopoverLayout className={_s.width250PX}>
|
||
|
|
<List
|
||
|
|
scrollKey='status_share_options'
|
||
|
|
items={[
|
||
|
|
{
|
||
|
|
icon: 'copy',
|
||
|
|
hideArrow: true,
|
||
|
|
title: intl.formatMessage(messages.copy),
|
||
|
|
onClick: this.handleCopy,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
icon: 'envelope',
|
||
|
|
hideArrow: true,
|
||
|
|
title: intl.formatMessage(messages.email),
|
||
|
|
href: 'mailto:',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
icon: 'embed',
|
||
|
|
hideArrow: true,
|
||
|
|
title: intl.formatMessage(messages.embed),
|
||
|
|
onClick: this.handleEmbed,
|
||
|
|
},
|
||
|
|
]}
|
||
|
|
small
|
||
|
|
/>
|
||
|
|
</PopoverLayout>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|