From 9036aee3808308a6991c9c9fe193d5447a69b2c2 Mon Sep 17 00:00:00 2001
From: maskeynihal <maskeynihal@gmail.com>
Date: Wed, 19 May 2021 21:37:44 +0545
Subject: [PATCH] Remove token issued

---
 public/css/styles.css | 29 +++++++++++++++++++----------
 src/App.svelte        | 19 +++++++++++--------
 2 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index 57da65a..14841d9 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -5,7 +5,7 @@ html {
   height: max-content !important;
 }
 
-body{
+body {
   min-width: 332px !important;
 }
 
@@ -26,7 +26,7 @@ main {
   display: flex;
 }
 
-.align-items-center{
+.align-items-center {
   align-items: center;
 }
 
@@ -38,30 +38,39 @@ main {
   padding-bottom: 8px !important;
 }
 
-.mb-12{
+.mb-12 {
   margin-bottom: 12px !important;
 }
 
-.m-0{
+.m-0 {
   margin: 0 !important;
 }
 
-.pt-4{
+.pt-4 {
   padding-top: 4px;
 }
 
-.me-4{
+.me-4 {
   margin-right: 4px !important;
 }
 
-.mt-0{
-  margin-top: 0 !important
+.mt-0 {
+  margin-top: 0 !important;
 }
 
-.ui.label > img{
+.ui.label > img {
   width: 13px !important;
   height: 13px !important;
   position: relative;
   top: -1px;
   margin-right: 4px;
-}
\ No newline at end of file
+}
+
+.flex-space-between {
+  display: flex;
+  justify-content: space-between;
+}
+
+.ui.labels > .label {
+  margin: 0;
+}
diff --git a/src/App.svelte b/src/App.svelte
index 5907cff..14dbdb5 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -7,7 +7,6 @@
 
   import { auth, getCurrentToken } from "./services/auth";
   import { INITIAL_USER_STATE } from "./constants/common";
-  import { getTotalTokenIssued } from "./services/firebase";
   import { currentToken, savedTokens, tokenIssued } from "./store";
   import CopyClipBoard from "./components/common/Clipboard.svelte";
   import {
@@ -71,8 +70,6 @@
     getTokens();
 
     getCurrentToken();
-
-    getTotalTokenIssued();
   });
 
   const handleAuth = ({ accessToken, refreshToken, id }: Token) => {
@@ -268,7 +265,7 @@
       </div>
     {/if}
 
-    <div class="ui labels">
+    <div class="ui labels flex-space-between">
       <a
         class="ui label black"
         href="https://github.com/kritish-dhaubanjar/dev-auth-chrome-extension"
@@ -278,10 +275,16 @@
         Github
       </a>
 
-      <div class="ui blue label">
-        Token Issued
-        <div class="detail" id="count">{totalTokenIssued || "N/A"}</div>
-      </div>
+      <a
+        class="ui blue label"
+        href="https://kritish-dhaubanjar.github.io/dev-auth-chrome-extension/"
+        target="_blank"
+      >
+        <img
+          src="https://img.icons8.com/android/24/ffffff/link.png"
+          alt="link"
+        />Visit Website
+      </a>
 
       <button
         class="ui label red button mini"