From 6b48a1bdb1ff03e4dd2ebd82c7d8e97688f27c28 Mon Sep 17 00:00:00 2001
From: Angelique De Castro <angeliqueajdecastro@gmail.com>
Date: Sun, 3 Oct 2021 21:50:08 -0400
Subject: [PATCH] update image submission logic

---
 client/firewall-client-rewrite.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/client/firewall-client-rewrite.js b/client/firewall-client-rewrite.js
index cbf0a37..c82f466 100644
--- a/client/firewall-client-rewrite.js
+++ b/client/firewall-client-rewrite.js
@@ -86,6 +86,7 @@ function checkIfCorrectState() {
 }
 
 function setupUI() {
+  console.log('[setupUI] appending intros...')
   const identity = getSearchEngine()
   // redirect to Google Images search (if needed)
   if (window.location.host == 'www.google.com' &&
@@ -94,7 +95,7 @@ function setupUI() {
 	  // Google homepage => Google image search homepage
 	  window.location = 'https://www.google.com/imghp';
     if(state !== states.WAITING) setState(states.WAITING)
-  } else if(window.location.hash == "#intro") {
+  } else if (window.location.hash == "#intro") {
     $(document.body).addClass("firewall-intro");
   }
 
@@ -117,7 +118,9 @@ function setupUI() {
   // add 'Firewall' button to bottom of page that lets user edit their name & toggle autocomplete
   // TODO: figure out why the autocomplete toggle isn't working
 	const suggestChecked = autocompleteEnabled ? ' checked' : '';
-	$('#fsr, #lh, #ft, .wrapper_imgfrom_box').append(
+  const $foo = $('#fsr, #lh, #ft, .wrapper_imgfrom_box')
+  console.log('[$foo]', $foo);
+	$foo.append(
 		'<div id="firewall">' +
 			'<a href="#firewall" id="firewall-show" class="skin_from_link">Firewall</a>' +
 			'<form action="#" id="firewall-form" autocomplete="off">' +
@@ -198,6 +201,7 @@ function setupUI() {
     $("#firewall-intro").addClass("inverted");
   }
   function hide_intro(e) {
+    console.log('[hide_intro]', e)
     e.preventDefault();
     var name = $("#firewall-intro-name").val();
     if (name == "") {
@@ -287,6 +291,7 @@ function setupMessageListener() {
     } else if (e.type == "images_loading") {
       $(document.body).addClass("firewall-loading");
     } else if (e.type == "close_intro") {
+      console.log('[close_intro]', e)
       $(document.body).removeClass("firewall-intro");
       $("#firewall-client-id").val(e.name);
     } else if (e.type == "user_activity") {
@@ -399,11 +404,11 @@ function main() {
           submitImagesToWordpress(() => {
             console.log("[main] submitImagesToWordpress callback, unlocking search boxes");
           })
+          submitImages(() => {
+            console.log("[main] submitImages callback")
+            setState(states.DONE)
+          })
         }
-        submitImages(() => { 
-          console.log("[main] submitImages callback")
-          setState(states.DONE) 
-        })
       } else {
         console.log("waiting for submitImages to finish")
       }