commit 06167753b35c9919d4cb2cadf5a26747f6b6bed8
author avm99963 <me@avm99963.com> Tue Sep 08 00:50:36 2020 +0200
committer avm99963 <me@avm99963.com> Tue Sep 08 01:23:39 2020 +0200
tree 975315b9404c500ce6f9b2fe332807339e104281
parent c4cb8f356c87fc17e1c492b3bf9f41047185655d

Add extension icon badge to injected components

Fixes: #8
Change-Id: Id1d0ae4a3da057fb06f5137be2271e293d8f0cd4

src/content_scripts/profile_inject.js

diff --git a/src/content_scripts/profile_inject.js b/src/content_scripts/profile_inject.js
index 2ad5002..869d8b6 100644
--- a/src/content_scripts/profile_inject.js
+++ b/src/content_scripts/profile_inject.js
@@ -23,12 +23,29 @@
       li.classList.add('user-profile__user-link');
 
       var a = document.createElement('a');
-      a.classList.add('user-profile__user-link');
+      a.classList.add('user-profile__user-link', 'TWPT-user-link');
       a.href = url;
       a.setAttribute(
           'data-stats-id', 'user-posts-link--tw-power-tools-by-avm99963');
-      a.textContent = chrome.i18n.getMessage('inject_previousposts');
 
+      var badge = document.createElement('span');
+      badge.classList.add('TWPT-badge');
+      badge.setAttribute(
+          'title', chrome.i18n.getMessage('inject_extension_badge_helper', [
+            chrome.i18n.getMessage('appName')
+          ]));
+
+      var badgeImg = document.createElement('img');
+      badgeImg.src =
+          'https://fonts.gstatic.com/s/i/materialicons/repeat/v6/24px.svg';
+
+      badge.appendChild(badgeImg);
+      a.appendChild(badge);
+
+      var span = document.createElement('span');
+      span.textContent = chrome.i18n.getMessage('inject_previousposts');
+
+      a.appendChild(span);
       li.appendChild(a);
       ul.appendChild(li);
       links.appendChild(ul);