Progress

app/javascript/gabsocial/components/popover/status_share_popover.js

@@ -1,65 +1,71 @@
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import ImmutablePureComponent from 'react-immutable-pure-component'
 import { defineMessages, injectIntl } from 'react-intl'
+import { closePopover } from '../../actions/popover'
+import { openModal } from '../../actions/modal'
+import {
+  MODAL_EMBED,
+  POPOVER_STATUS_SHARE,
+} from '../../constants'
 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' },
+  embed: { id: 'status.embed', defaultMessage: 'Embed' },
+  email: { id: 'status.email', defaultMessage: 'Email this gab' },
+  copy: { id: 'status.copy', defaultMessage: 'Copy link to status' },
 });
 
-// const makeMapStateToProps = () => {
-//   const getAccount = makeGetAccount();
-
-//   const mapStateToProps = (state, { account }) => ({
-    
-//   });
-
-//   return mapStateToProps;
-// };
-
-// const mapDispatchToProps = (dispatch, { intl }) => ({
-
-// });
-
-// : todo :
+const mapDispatchToProps = (dispatch) => ({
+  onClosePopover: () => dispatch(closePopover(POPOVER_STATUS_SHARE)),
+  onOpenEmbedModal(url) {
+    dispatch(openModal(MODAL_EMBED, {
+      url,
+    }))
+  },
+});
 
 export default
 @injectIntl
-// @connect(makeMapStateToProps, mapDispatchToProps)
+@connect(null, mapDispatchToProps)
 class StatusSharePopover extends ImmutablePureComponent {
+
   static propTypes = {
     status: ImmutablePropTypes.map,
     intl: PropTypes.object.isRequired,
+    onClosePopover: PropTypes.func.isRequired,
+    onOpenEmbedModal: PropTypes.func.isRequired,
   }
 
-  handleEmbed = () => {
-    // this.props.onEmbed(this.props.status);
+  handleOnOpenEmbedModal = () => {
+    this.props.onOpenEmbedModal(this.props.status.get('url'))
+    this.props.onClosePopover()
   }
 
   handleCopy = () => {
-    // const url = this.props.status.get('url');
-    // const textarea = document.createElement('textarea');
+    const url = this.props.status.get('url');
+    const textarea = document.createElement('textarea');
 
-    // textarea.textContent = url;
-    // textarea.style.position = 'fixed';
+    textarea.textContent = url;
+    textarea.style.position = 'fixed';
 
-    // document.body.appendChild(textarea);
+    document.body.appendChild(textarea);
 
-    // try {
-    //   textarea.select();
-    //   document.execCommand('copy');
-    // } catch (e) {
-    //   //
-    // } finally {
-    //   document.body.removeChild(textarea);
-    // }
+    try {
+      textarea.select();
+      document.execCommand('copy');
+    } catch (e) {
+      //
+    }
+
+    document.body.removeChild(textarea);
+    this.props.onClosePopover()
   }
 
   render() {
-    const { intl } = this.props
+    const { intl, status } = this.props
+
+    const mailToHref = !status ? undefined : `mailto:?subject=&body=${status.get('url')}`
 
     return (
       <PopoverLayout width={220}>
@@ -77,13 +83,13 @@ class StatusSharePopover extends ImmutablePureComponent {
               icon: 'email',
               hideArrow: true,
               title: intl.formatMessage(messages.email),
-              href: 'mailto:',
+              href: mailToHref,
             },
             {
               icon: 'code',
               hideArrow: true,
               title: intl.formatMessage(messages.embed),
-              onClick: this.handleEmbed,
+              onClick: this.handleOnOpenEmbedModal,
             },
           ]}
           small