From 7e938e6fd1dc7366046ff1b9ff2a56ae27f914bd Mon Sep 17 00:00:00 2001
From: Marcin Rataj <lidel@lidel.org>
Date: Wed, 20 Jan 2021 18:09:14 +0100
Subject: [PATCH] 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/
---
 add-on/icons/brave-ipfs-logo-off.svg |  1 +
 add-on/icons/brave-ipfs-logo-on.svg  |  1 +
 add-on/src/popup/logo.js             | 12 +++++++++---
 3 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 add-on/icons/brave-ipfs-logo-off.svg
 create mode 100644 add-on/icons/brave-ipfs-logo-on.svg

diff --git a/add-on/icons/brave-ipfs-logo-off.svg b/add-on/icons/brave-ipfs-logo-off.svg
new file mode 100644
index 000000000..5df86bf17
--- /dev/null
+++ b/add-on/icons/brave-ipfs-logo-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="514" height="514" viewBox="0 0 491 514" ><defs><linearGradient id="a" x1="97.19" y1="343.47" x2="101.43" y2="343.47" gradientTransform="matrix(48.8 0 0 -58.3 -4731.38 20395.71)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f50"/><stop offset=".41" stop-color="#f50"/><stop offset=".58" stop-color="#ff2000"/><stop offset="1" stop-color="#ff2000"/></linearGradient><linearGradient id="b" x1="97.25" y1="337.07" x2="101.4" y2="337.07" gradientTransform="matrix(40.5 0 0 -10.5 -3905.96 3812.02)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff452a"/><stop offset="1" stop-color="#ff2000"/></linearGradient></defs><path d="M24.78 384l221.7 128 221.7-128V128L246.48 0 24.78 128z" fill="#fff"/><path d="M223.59 30.84L62.85 123.65a38.55 38.55 0 010 8.59L223.6 225a38.41 38.41 0 0145.6 0l160.75-92.81a38.46 38.46 0 010-8.58L269.21 30.84a38.41 38.41 0 01-45.6 0zm221.79 127l-160.9 93.87a38.39 38.39 0 01-22.8 39.49l.18 184.58a38.46 38.46 0 017.44 4.29l160.75-92.8a38.41 38.41 0 0122.8-39.49V162.17a38.28 38.28 0 01-7.44-4.3zm-397.81 1a38.21 38.21 0 01-7.43 4.3v185.67a38.4 38.4 0 0122.79 39.49l160.74 92.8a39.06 39.06 0 017.44-4.29V291.2a38.42 38.42 0 01-22.8-39.49L47.57 158.9z" fill="gray"/><path d="M246.48 512l221.7-128V128l-221.7 128z" fill-opacity=".251"/><path d="M246.48 512V256L24.78 128v256z" fill-opacity=".039"/><path d="M24.78 128l221.7 128 221.7-128L246.48 0z" fill-opacity=".13"/><path d="M211.16 308.29l5.69-14.23s-7.24-7.9-16-16.86-27.41-3.69-27.41-3.69L152.2 249H77.72l-21.2 24.51s-18.62-5.27-27.42 3.69-16 16.86-16 16.86l5.69 14.23-7.24 21.08s21.29 82.17 23.79 92.21C40.22 441.34 43.59 449 57.55 459s39.31 27.4 43.44 30 9.31 7.12 14 7.12 9.83-4.49 14-7.12 29.48-20 43.45-30 17.32-17.65 22.24-37.41c2.49-10 23.79-92.21 23.79-92.21z" transform="translate(-11.52 -1)" fill-rule="evenodd" fill="url(#a)"/><path d="M103.48 401.8c1.42 0 10.5 3.27 17.79 7.11s12.57 6.56 14.26 7.64.66 3.11-.88 4.22S112.4 438.18 110.4 440s-5 4.78-7 4.78-4.95-3-7-4.78-22.67-18.11-24.21-19.21-2.57-3.14-.88-4.22 7-3.79 14.26-7.64 16.45-7.13 17.91-7.13zm.11-116.13a36.88 36.88 0 0110.23 2.12c6.21 2.11 12.93 4.74 16 4.74s26.11-4.48 26.11-4.48 27.28 33.6 27.28 40.78-3.43 9.07-6.88 12.8l-20.45 22.13c-1.94 2.09-6 5.27-3.6 11s5.87 13 2 20.35-10.54 12.3-14.81 11.48-14.29-6.15-18-8.58-15.37-12.25-15.37-16 12.07-10.5 14.3-12 12.41-7.46 12.62-9.78.13-3-2.88-8.76-8.4-13.43-7.5-18.53 9.62-7.76 15.84-10.16 18.2-6.91 19.7-7.62 1.11-1.37-3.43-1.81-17.4-2.17-23.2-.53-15.71 4.16-16.51 5.49-1.51 1.37-.69 5.95 5.07 26.58 5.48 30.49 1.22 6.49-2.91 7.46-11.1 2.63-13.49 2.63-9.35-1.67-13.49-2.63-3.33-3.55-2.92-7.46 4.66-25.9 5.48-30.49.12-4.63-.68-5.95-10.72-3.84-16.52-5.49-18.66.1-23.2.53-4.92 1.11-3.42 1.81 13.48 5.23 19.7 7.62 14.94 5 15.84 10.16-4.5 12.78-7.51 18.53-3.08 6.43-2.87 8.76 10.39 8.19 12.64 9.77 14.31 8.28 14.31 12-11.68 13.57-15.37 16-13.7 7.77-18 8.58-10.94-4.12-14.8-11.49-.4-14.64 2-20.35-1.66-8.89-3.59-11l-20.48-22.11c-3.45-3.73-6.88-5.62-6.88-12.8s27.27-40.78 27.27-40.78 23 4.48 26.12 4.48 9.83-2.63 16-4.74a37 37 0 0110.24-2.12z" fill="#fff" fill-rule="evenodd"/><path d="M173.4 273.51L152.2 249H77.72l-21.2 24.51s-18.62-5.27-27.42 3.69c0 0 24.83-2.28 33.36 11.85 0 0 23 4.48 26.12 4.48s9.83-2.63 16-4.74a35.89 35.89 0 0110.42-2.12 35.8 35.8 0 0110.34 2.12c6.21 2.11 12.93 4.74 16 4.74s26.11-4.48 26.11-4.48c8.54-14.13 33.36-11.85 33.36-11.85-8.79-9-27.41-3.69-27.41-3.69" transform="translate(-11.52 -1)" fill-rule="evenodd" fill="url(#b)"/></svg>
\ No newline at end of file
diff --git a/add-on/icons/brave-ipfs-logo-on.svg b/add-on/icons/brave-ipfs-logo-on.svg
new file mode 100644
index 000000000..1b351bc35
--- /dev/null
+++ b/add-on/icons/brave-ipfs-logo-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="514" height="514" viewBox="0 0 491 514" ><defs><linearGradient id="a" x1="97.19" y1="343.47" x2="101.43" y2="343.47" gradientTransform="matrix(48.8 0 0 -58.3 -4731.38 20395.71)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f50"/><stop offset=".41" stop-color="#f50"/><stop offset=".58" stop-color="#ff2000"/><stop offset="1" stop-color="#ff2000"/></linearGradient><linearGradient id="b" x1="97.25" y1="337.07" x2="101.4" y2="337.07" gradientTransform="matrix(40.5 0 0 -10.5 -3905.96 3812.02)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff452a"/><stop offset="1" stop-color="#ff2000"/></linearGradient></defs><path d="M24.78 384l221.7 128 221.7-128V128L246.48 0 24.78 128z" fill="#4a9ea1"/><path d="M223.59 30.84L62.85 123.65a38.55 38.55 0 010 8.59L223.6 225a38.41 38.41 0 0145.6 0l160.75-92.81a38.46 38.46 0 010-8.58L269.21 30.84a38.41 38.41 0 01-45.6 0zm221.79 127l-160.9 93.87a38.39 38.39 0 01-22.8 39.49l.18 184.58a38.46 38.46 0 017.44 4.29l160.75-92.8a38.41 38.41 0 0122.8-39.49V162.17a38.28 38.28 0 01-7.44-4.3zm-397.81 1a38.21 38.21 0 01-7.43 4.3v185.67a38.4 38.4 0 0122.79 39.49l160.74 92.8a39.06 39.06 0 017.44-4.29V291.2a38.42 38.42 0 01-22.8-39.49L47.57 158.9z" fill="#63d3d7"/><path d="M246.48 512l221.7-128V128l-221.7 128z" fill-opacity=".251"/><path d="M246.48 512V256L24.78 128v256z" fill-opacity=".039"/><path d="M24.78 128l221.7 128 221.7-128L246.48 0z" fill-opacity=".13"/><path d="M211.16 308.29l5.69-14.23s-7.24-7.9-16-16.86-27.41-3.69-27.41-3.69L152.2 249H77.72l-21.2 24.51s-18.62-5.27-27.42 3.69-16 16.86-16 16.86l5.69 14.23-7.24 21.08s21.29 82.17 23.79 92.21C40.22 441.34 43.59 449 57.55 459s39.31 27.4 43.44 30 9.31 7.12 14 7.12 9.83-4.49 14-7.12 29.48-20 43.45-30 17.32-17.65 22.24-37.41c2.49-10 23.79-92.21 23.79-92.21z" transform="translate(-11.52 -1)" fill-rule="evenodd" fill="url(#a)"/><path d="M103.48 401.8c1.42 0 10.5 3.27 17.79 7.11s12.57 6.56 14.26 7.64.66 3.11-.88 4.22S112.4 438.18 110.4 440s-5 4.78-7 4.78-4.95-3-7-4.78-22.67-18.11-24.21-19.21-2.57-3.14-.88-4.22 7-3.79 14.26-7.64 16.45-7.13 17.91-7.13zm.11-116.13a36.88 36.88 0 0110.23 2.12c6.21 2.11 12.93 4.74 16 4.74s26.11-4.48 26.11-4.48 27.28 33.6 27.28 40.78-3.43 9.07-6.88 12.8l-20.45 22.13c-1.94 2.09-6 5.27-3.6 11s5.87 13 2 20.35-10.54 12.3-14.81 11.48-14.29-6.15-18-8.58-15.37-12.25-15.37-16 12.07-10.5 14.3-12 12.41-7.46 12.62-9.78.13-3-2.88-8.76-8.4-13.43-7.5-18.53 9.62-7.76 15.84-10.16 18.2-6.91 19.7-7.62 1.11-1.37-3.43-1.81-17.4-2.17-23.2-.53-15.71 4.16-16.51 5.49-1.51 1.37-.69 5.95 5.07 26.58 5.48 30.49 1.22 6.49-2.91 7.46-11.1 2.63-13.49 2.63-9.35-1.67-13.49-2.63-3.33-3.55-2.92-7.46 4.66-25.9 5.48-30.49.12-4.63-.68-5.95-10.72-3.84-16.52-5.49-18.66.1-23.2.53-4.92 1.11-3.42 1.81 13.48 5.23 19.7 7.62 14.94 5 15.84 10.16-4.5 12.78-7.51 18.53-3.08 6.43-2.87 8.76 10.39 8.19 12.64 9.77 14.31 8.28 14.31 12-11.68 13.57-15.37 16-13.7 7.77-18 8.58-10.94-4.12-14.8-11.49-.4-14.64 2-20.35-1.66-8.89-3.59-11l-20.48-22.11c-3.45-3.73-6.88-5.62-6.88-12.8s27.27-40.78 27.27-40.78 23 4.48 26.12 4.48 9.83-2.63 16-4.74a37 37 0 0110.24-2.12z" fill="#fff" fill-rule="evenodd"/><path d="M173.4 273.51L152.2 249H77.72l-21.2 24.51s-18.62-5.27-27.42 3.69c0 0 24.83-2.28 33.36 11.85 0 0 23 4.48 26.12 4.48s9.83-2.63 16-4.74a35.89 35.89 0 0110.42-2.12 35.8 35.8 0 0110.34 2.12c6.21 2.11 12.93 4.74 16 4.74s26.11-4.48 26.11-4.48c8.54-14.13 33.36-11.85 33.36-11.85-8.79-9-27.41-3.69-27.41-3.69" transform="translate(-11.52 -1)" fill-rule="evenodd" fill="url(#b)"/></svg>
\ No newline at end of file
diff --git a/add-on/src/popup/logo.js b/add-on/src/popup/logo.js
index e2ee0da41..ad9771dba 100644
--- 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