feat: brave node indicator (#966)

This adds brave badge to indicate that companion is backed by the node managed by the brave browser: https://brave.com/ipfs-support/
ipfs · Jan 20, 2021 · 7e938e6 · 7e938e6
1 parent 1c9b00a
commit 7e938e6
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/add-on/icons/brave-ipfs-logo-off.svg b/add-on/icons/brave-ipfs-logo-off.svg
diff --git a/add-on/icons/brave-ipfs-logo-on.svg b/add-on/icons/brave-ipfs-logo-on.svg
diff --git a/add-on/src/popup/logo.js b/add-on/src/popup/logo.js
@@ -2,17 +2,23 @@
 /* eslint-env browser, webextensions */
 
 const html = require('choo/html')
+const { braveNodeType } = require('../lib/ipfs-client/brave')
 
 function logo ({ path, size = 52, ipfsNodeType = 'external', isIpfsOnline = true, heartbeat = true }) {
-  const logoTypePrefix = ipfsNodeType.startsWith('embedded') ? 'js-' : ''
-  const logoFileName = `${logoTypePrefix}ipfs-logo-${isIpfsOnline ? 'on' : 'off'}.svg`
   return html`
     <img
       alt="IPFS"
-      src="${path}/${logoFileName}"
+      src="${path}/${logoFileName(ipfsNodeType, isIpfsOnline)}"
       class="v-mid ${isIpfsOnline ? '' : 'o-40'} ${isIpfsOnline && heartbeat ? 'heartbeat' : ''}"
       style="width:${size}px; height:${size}px" />
   `
 }
 
+function logoFileName (nodeType, isIpfsOnline) {
+  let prefix
+  if (nodeType.startsWith('embedded')) prefix = 'js-'
+  if (nodeType === braveNodeType) prefix = 'brave-'
+  return `${prefix || ''}ipfs-logo-${isIpfsOnline ? 'on' : 'off'}.svg`
+}
+
 module.exports = logo