From fbdb86b91e748d7438aec1b69386c0a5247ae9de Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 11 Jan 2023 10:58:41 -0500
Subject: [PATCH] .stargazers (class>id), JS -> JQuery -> formatted as 0.0k ->
 numeral.js

---
 src/layouts/partials/footer.html | 30 +++++++++---------------------
 src/layouts/partials/head.html   |  2 ++
 src/layouts/partials/navbar.html |  2 +-
 3 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 5d976e8..7af466d 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -15,7 +15,7 @@
             <ul class="list-group list-group-flush">
               <a class="list-group-item" role="button" href="https://twitter.com/teaxyz"><i class="icon-twitter social-icon"></i>Twitter</a>
               <a class="list-group-item" role="button" href="https://discord.gg/KCZsXfJphn"><i class="icon-discord social-icon"></i>Discord</a>
-              <a class="list-group-item" role="button" href="https://github.com/teaxyz"><i class="icon-github social-icon"></i>GitHub <span style="font-size:16px;">(&#9734;<span id="starcount"></span>, <span class="release"></span>)</span></a>
+              <a class="list-group-item" role="button" href="https://github.com/teaxyz"><i class="icon-github social-icon"></i>GitHub <span style="font-size:16px;">(&#9734;<span class="stargazers"></span>, <span class="release"></span>)</span></a>
               <a class="list-group-item" role="button" href="https://t.me/tea_xyz"><i class="icon-telegram social-icon"></i>Telegram</a>
             </ul>
           </div>
@@ -178,27 +178,15 @@ integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+
   </script>
 
   <script>
-    function getStarcount(repo, resultElement) {
-    var repo = 'teaxyz/cli';
-    var url = 'https://api.github.com/repos/' + repo;
-      axios.get(url)
-        .then(function (response) {
-          console.log(response.data.stargazers_count);
-          document.getElementById('starcount').innerHTML=response.data.stargazers_count;
-          document.getElementById('starcount2').innerHTML=response.data.stargazers_count;
-          resultElement.innerHTML = response.data.stargazers_count;
-        })
-        .catch(function (error) {
-            console.log(error);
+      $(document).ready(function() {
+        var repository = "teaxyz/cli";
+        var url = "https://api.github.com/repos/" + repository;
+
+        $.get(url, function(data) {
+          var stargazers = numeral(data.stargazers_count).format("0.0a");
+          $(".stargazers").html(stargazers);
         });
-    }
-
-    function repo() {
-        var repo = 'teaxyz/cli';
-        getStarcount(repo, starcount);
-    }
-
-    document.addEventListener('DOMContentLoaded', repo());
+      });
 </script>
 
 <script>
diff --git a/src/layouts/partials/head.html b/src/layouts/partials/head.html
index 52b3f63..7bbaa42 100644
--- a/src/layouts/partials/head.html
+++ b/src/layouts/partials/head.html
@@ -113,5 +113,7 @@
 
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
+
   </head>
 </head>
diff --git a/src/layouts/partials/navbar.html b/src/layouts/partials/navbar.html
index bd35893..1cc873b 100644
--- a/src/layouts/partials/navbar.html
+++ b/src/layouts/partials/navbar.html
@@ -13,7 +13,7 @@
           </li>
           {{ end }}
           <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
-            <a class="nav-link" aria-current="page" href="https://github.com/teaxyz">GITHUB (&#9734;<span id="starcount2"></span>, <span class="release"></span>)</a>
+            <a class="nav-link" aria-current="page" href="https://github.com/teaxyz">GITHUB (&#9734;<span class="stargazers"></span>, <span class="release"></span>)</a>
           </li>
         </ul>
         <!--