From d043617be32a805fa71206f62dacb1baa5be47b3 Mon Sep 17 00:00:00 2001
From: bdebon <benjamin.debon@gmail.com>
Date: Sat, 24 Apr 2021 16:36:10 +0200
Subject: [PATCH] Adding border radius on popup and closing the popup when the
 upload is success

---
 content.css |  3 ++-
 content.js  |  4 +++-
 popup.html  |  4 ++--
 popup.js    | 13 ++++++++++++-
 4 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/content.css b/content.css
index c001671..7ed74a3 100644
--- a/content.css
+++ b/content.css
@@ -20,5 +20,6 @@
     margin: 0;
     padding: 0;
     background-color: white;
+    border-radius: 16px;
     box-shadow: 0 1px 1px rgb(0 0 0 / 15%), 0 2px 2px rgb(0 0 0 / 15%), 0 4px 4px rgb(0 0 0 / 15%), 0 8px 8px rgb(0 0 0 / 15%);
-}
\ No newline at end of file
+}
diff --git a/content.js b/content.js
index ec116aa..13d4d4a 100644
--- a/content.js
+++ b/content.js
@@ -6,6 +6,8 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
     if (request.type == "popup") {
         //console.log(request);
         showPopup();
+    } else if (request.type === 'close_popup') {
+        hidePopup();
     }
     return true;
 });
@@ -42,4 +44,4 @@ function hidePopup() {
     // Clean up references:
     overlay = null;
     frame = null;
-}
\ No newline at end of file
+}
diff --git a/popup.html b/popup.html
index 777bb85..1fa8855 100644
--- a/popup.html
+++ b/popup.html
@@ -78,7 +78,7 @@
         <div class="py-form-group c-thumb">
             <input class="js-channel-thumbnail-input py-form-file file-channel-thumbnail" type="file" id="channel-thumbnail" name="channel-thumbnail" required/>
             <label class="py-form-filelabel" for="channel-thumbnail">
-                <img src="/" class="channel-fileinput-img preview-channel-thumbnail"/>
+                <img class="channel-fileinput-img preview-channel-thumbnail"/>
                 <img src="images/channel-fileinput-user.svg" class="channel-fileinput-user" alt="">
                 <img src="images/channel-fileinput-add.svg" class="channel-fileinput-add" alt="">
             </label>
@@ -93,7 +93,7 @@
     <div class="py-form-group v-thumb">
         <input type="file" class="js-thumbnail-input py-form-file file-video-thumbnail" id="video-thumbnail" name="video-thumbnail" required/>
         <label class="py-form-filelabel py-label-video-thumbnail" for="video-thumbnail">
-            <img src="/" class="video-fileinput-img preview-video-thumbnail"/>
+            <img class="video-fileinput-img preview-video-thumbnail"/>
             <span class="file-video-dragarea"></span>
             <img src="images/illu-video-fileinput.svg" class="file-video-illu" alt="">
             <span class="file-video-text">Drop thumbnail here</span>
diff --git a/popup.js b/popup.js
index f68efc3..f631d87 100644
--- a/popup.js
+++ b/popup.js
@@ -102,7 +102,6 @@ function initInputs() {
 
         // If valid data is stored
         if (typeof (storedThumbnail) !== 'undefined') {
-            console.log(storedThumbnail)
             titleInput.value = storedThumbnail.title || null
             channelNameInput.value = storedThumbnail.channelName || null
 
@@ -171,6 +170,18 @@ async function launchScript(shuffle = false) {
 
     // Everything went smooth so we can close the popup to let the user enjoy
     window.close()
+    chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
+        chrome.tabs.sendMessage(tabs[0].id, {
+                type: "close_popup"
+            },
+            (response) => {
+                if (response) {
+                    //console.log(response);
+                }
+            });
+        window.close();
+    });
+
     chrome.storage.local.remove(['errorMessage'])
 }