Add share option to properties and storagelist

app/util/shareMenuTemplate.js

@@ -0,0 +1,31 @@
+import { remote } from 'electron'
+import {
+  getURLFromHash,
+  shareViaFacebook,
+  shareViaTwitter,
+  shareViaEmail
+} from '../windows/Storage/fileIntegration'
+
+const shareMenuTemplate = (hash) => ([{
+  label: 'Copy URL',
+  click: () => {
+    remote.clipboard.writeText(getURLFromHash(hash))
+  }
+}, {
+  label: 'via Email',
+  click: () => {
+    shareViaEmail(hash)
+  }
+}, {
+  label: 'via Facebook',
+  click: () => {
+    shareViaFacebook(hash)
+  }
+}, {
+  label: 'via Twitter',
+  click: () => {
+    shareViaTwitter(hash)
+  }
+}])
+
+export default shareMenuTemplate

app/windows/Details/renderer.jsx

@@ -18,6 +18,7 @@ import cx from 'classnames'
 import { Window, Toolbar, Actionbar, ButtonGroup } from 'react-photonkit'
 import Button from '../../components/Button'
 import { trackEvent } from '../../stats'
+import shareMenuTemplate from '../../util/shareMenuTemplate'
 
 // Load Components
 import InformationTab from './Components/InformationTab'
@@ -37,6 +38,8 @@ class DetailsWindow extends React.Component {
   componentDidMount () {
     trackEvent('DetailsWindowOpen', {})
     promiseIPFSReady().then(this.fetchData)
+
+    this.shareMenu = remote.Menu.buildFromTemplate(shareMenuTemplate(hash))
   }
 
   fetchData = () => {
@@ -78,6 +81,10 @@ class DetailsWindow extends React.Component {
     openInBrowser([hash])
   }
 
+  handleShare = () => {
+    this.shareMenu.popup({})
+  }
+
   handlePin = () => {
     this.setState({ isUpdatingPin: true })
     pinObject(hash)
@@ -137,6 +144,12 @@ class DetailsWindow extends React.Component {
               onClick={this.handleOpenInBrowser}
               pullRight
             />
+            <Button
+              text="Share"
+              glyph='share'
+              onClick={this.handleShare}
+              pullRight
+            />
           </Actionbar>
         </Toolbar>
 

app/windows/Storage/Components/StorageElement.jsx

@@ -6,8 +6,10 @@ import { Icon } from 'react-photonkit'
 import { saveFileToPath, publishToIPNS } from '../../../api'
 
 import {
-  proptAndRemoveObjects, openInBrowser
+  proptAndRemoveObjects,
+  openInBrowser
 } from '../fileIntegration'
+import shareMenuTemplate from '../../../util/shareMenuTemplate'
 
 import DetailsWindow from '../../Details/window'
 import formatElement from '../../../util/format-element'
@@ -25,6 +27,10 @@ class StorageElement extends React.Component {
           openInBrowser([this.props.element.hash])
         }
       },
+      {
+        label: 'Share',
+        submenu: shareMenuTemplate(this.props.element.hash)
+      },
       {
         type: 'separator'
       },
@@ -145,20 +151,20 @@ class StorageElement extends React.Component {
 
     return (
       <tr
-        className={ selected ? 'active' : ''}
+        className={selected ? 'active' : ''}
         onClick={(event) => { this._handleRowSelection(event, el) }}
         key={el.hash}
         onContextMenu={this._handleContextMenu.bind(this)}
       >
 
-        { this.props.storageStore
+        {this.props.storageStore
           ? <td>
             <input
               checked={selected}
               type='checkbox'
             />
           </td>
-          : <td></td> }
+          : <td></td>}
 
         <td>
           {

app/windows/Storage/fileIntegration.js

@@ -166,11 +166,34 @@ export function proptAndRemoveObjects (elements) {
 
 /**
  * Open hashes in a browser
+ * @param {string[]} hashes
  */
 export function openInBrowser (hashes) {
-  const gatewayURL = Settings.get('gatewayURL') || 'https://siderus.io'
   hashes.forEach(hash => {
-    shell.openExternal(`${gatewayURL}/ipfs/${hash}`)
+    shell.openExternal(getURLFromHash(hash))
   })
   return Promise.resolve(hashes)
 }
+
+/**
+ * Constructs a shareable url with the gateway from settings or the default one
+ *
+ * @param {string} hash
+ * @returns {string}
+ */
+export function getURLFromHash (hash) {
+  const gatewayURL = Settings.get('gatewayURL') || 'https://siderus.io'
+  return `${gatewayURL}/ipfs/${hash}`
+}
+
+export function shareViaFacebook (hash) {
+  return shell.openExternal(`https://www.facebook.com/sharer.php?u=${getURLFromHash(hash)}`)
+}
+
+export function shareViaTwitter (hash) {
+  return shell.openExternal(`https://twitter.com/intent/tweet?text=${getURLFromHash(hash)}`)
+}
+
+export function shareViaEmail (hash) {
+  return shell.openExternal(`mailto:?body=${getURLFromHash(hash)}`)
+}