Merge pull request #314 from tableflip/choo

🚂🚋🚋🚋🚋🚋

add-on/manifest.json

@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "name": "__MSG_manifest_extensionName__",
     "short_name": "__MSG_manifest_shortExtensionName__",
-    "version" : "2.1.0rc2",
+    "version" : "2.1.0",
 
     "description": "__MSG_manifest_extensionDescription__",
     "homepage_url": "https://github.com/ipfs/ipfs-companion",
@@ -46,7 +46,7 @@
             "128": "icons/png/ipfs-logo-off_128.png"
         },
         "default_title": "__MSG_browserAction_title__",
-        "default_popup": "dist/popup/browser-action.html"
+        "default_popup": "dist/popup/browser-action/index.html"
     },
 
     "options_ui": {

add-on/src/popup/browser-action/context-actions.js

@@ -0,0 +1,49 @@
+'use strict'
+/* eslint-env browser, webextensions */
+
+const browser = require('webextension-polyfill')
+const html = require('choo/html')
+
+module.exports = function contextActions ({
+  isIpfsContext,
+  isPinning,
+  isUnPinning,
+  isPinned,
+  isIpfsOnline,
+  onCopyIpfsAddr,
+  onCopyPublicGwAddr,
+  onPin,
+  onUnPin
+}) {
+  if (!isIpfsContext) return null
+
+  return html`
+    <div class="panel-section panel-section-list">
+      <div class="panel-list-item" onclick=${onCopyIpfsAddr}>
+        <div class="icon"></div>
+        <div class="text">${browser.i18n.getMessage('panelCopy_currentIpfsAddress')}</div>
+        <div class="text-shortcut"></div>
+      </div>
+      <div class="panel-list-item" onclick=${onCopyPublicGwAddr}>
+        <div class="icon"></div>
+        <div class="text">${browser.i18n.getMessage('panel_copyCurrentPublicGwUrl')}</div>
+        <div class="text-shortcut"></div>
+      </div>
+      ${isIpfsOnline && isPinned ? null : html`
+        <div class="panel-list-item ${isPinning ? 'disabled' : ''}" onclick=${onPin}>
+          <div class="icon"></div>
+          <div class="text">${browser.i18n.getMessage('panel_pinCurrentIpfsAddress')}</div>
+          <div class="text-shortcut"></div>
+        </div>
+      `}
+      ${isIpfsOnline && isPinned ? html`
+        <div class="panel-list-item ${isUnPinning ? 'disabled' : ''}" onclick=${onUnPin}>
+          <div class="icon"></div>
+          <div class="text">${browser.i18n.getMessage('panel_unpinCurrentIpfsAddress')}</div>
+          <div class="text-shortcut"></div>
+        </div>
+      ` : null}
+      <div class="panel-section-separator"></div>
+    </div>
+  `
+}