eye view count icon

vinyashegde · Oct 5, 2023 · 1fab126 · 1fab126
1 parent 43ce230
commit 1fab126
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 3 deletions.
diff --git a/Source/eye-slash-solid.svg b/Source/eye-slash-solid.svg
diff --git a/Source/eye-solid.svg b/Source/eye-solid.svg
diff --git a/Source/off-button.png b/Source/off-button.png
diff --git a/Source/on-button.png b/Source/on-button.png
diff --git a/Source/popup.html b/Source/popup.html
@@ -141,7 +141,7 @@
                 <div class="card-title h5">Shorto - URL Shorter</div>   </div>
                 <div class="container">
                      <iframe src="https://ghbtns.com/github-btn.html?user=vinyashegde&repo=shorto_url_shorter&type=star&count=true" frameborder="0" scrolling="0" width="120" height="20" title="GitHub" id="github-icon"></iframe>
-                     <img src="off-button.png" id="toggleBtn" width="32" height="32" style="cursor: pointer;"/>
+                     <img src="eye-slash-solid.svg" id="toggleBtn" width="20" height="20" style="cursor: pointer; margin-top: 5px;"/>
             </div>
 
             <div class="card-body">

diff --git a/Source/src/popup.js b/Source/src/popup.js
@@ -179,10 +179,14 @@ const toggleViewCount = () => {
   const img = document.querySelector(".container > img");
   const viewCountInput = document.querySelector("#expiry-count");
   if(viewCountEnabled){
-    img.src = "on-button.png";
+    img.src = "eye-solid.svg";
+    img.style.width = "20px"; 
+    img.style.height = "20px";
     viewCountInput.style.display = "block";
   }else{
-    img.src = "off-button.png";
+    img.src = "eye-slash-solid.svg";
+    img.style.width = "20px"; 
+    img.style.height = "20px";
     viewCountInput.style.display = "none";
   }
 }