chore: remove unused images and update counter animation

src/modules/overlay/Overlay.vue

@@ -151,6 +151,20 @@ export default {
   }
 }
 
+@keyframes pop {
+  0% {
+    transform: scale(1);
+  }
+
+  0% {
+    transform: scale(1.25);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+}
+
 .headless-recorder-camera-cursor {
   cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACMSURBVHgBzZDrDUBAEITnVEIHVIoKUAkd0MHphCXrstm4R/jBJF9yu5d9DfAXWWJT2DfFqVjDj0NGNd6QoEwVSC61RMEDKmLAzSQfHZETI8czx40cFGpQcpHMjdzkjA3Ct/r+XT5DWDkxqdzCmzmFTqi5yazW75HowWVkKTaq5X/Mg6gOD1Y814rPtQPiEFi9rPKoQQAAAABJRU5ErkJggg=='),
     auto;
@@ -191,7 +205,7 @@ export default {
   }
 
   .events-recorded {
-    animation: pulse 1s linear;
+    animation: pop 0.25s;
   }
 
   .dot {
@@ -199,7 +213,7 @@ export default {
     border-radius: 50%;
     width: 9px;
     height: 9px;
-    background: #ff4949;
+    background: #ffeeee;
   }
 
   nav {

src/popup/PopupApp.vue

@@ -37,13 +37,10 @@
         <span v-show="!isCopying">Copy to clipboard</span>
         <span v-show="isCopying">copied!</span>
       </Button>
-      <Button v-if="isLoggedIn" @click="run" v-show="code">
+      <Button @click="run" v-show="code">
         <img src="/icons/dark/zap.svg" class="mr-1" alt="thunder" />
         Run on Checkly
       </Button>
-      <a v-else href="https://app.checklyhq.com/signup">
-        Signup on Checkly
-      </a>
     </div>
 
     <Footer v-if="!isRecording && !showResultsTab" />
@@ -249,7 +246,11 @@ export default {
     },
 
     run() {
-      browser.openChecklyRunner({ code: this.getCode(), runner: this.currentResultTab })
+      browser.openChecklyRunner({
+        code: this.getCode(),
+        runner: this.currentResultTab,
+        isLoggedIn: this.isLoggedIn,
+      })
     },
   },
 }

src/services/browser.js

@@ -1,4 +1,5 @@
 const CONTENT_SCRIPT_PATH = 'js/content-script.js'
+const SIGNUP_URL = 'https://app.checklyhq.com/signup'
 const RUN_URL = 'https://app.checklyhq.com/checks/new/browser'
 const DOCS_URL = 'https://www.checklyhq.com/docs/headless-recorder'
 
@@ -52,7 +53,12 @@ export default {
     chrome.tabs.create({ url: DOCS_URL })
   },
 
-  openChecklyRunner({ code, runner }) {
+  openChecklyRunner({ code, runner, isLoggedIn }) {
+    if (!isLoggedIn) {
+      chrome.tabs.create({ url: SIGNUP_URL })
+      return
+    }
+
     const script = encodeURIComponent(btoa(code))
     const url = `${RUN_URL}?framework=${runner}&script=${script}`
     chrome.tabs.create({ url })

tailwind.config.js

@@ -49,12 +49,12 @@ module.exports = {
         DEFAULT: '#161616',
         shady: '#1F1F1F',
       },
-      white: colors.white,
 
       yellow: {
         DEFAULT: '#ffc82c',
       },
 
+      white: colors.white,
       green: colors.emerald,
       indigo: colors.indigo,
       purple: colors.violet,