From 6b8fe338154aa311e7e2899f0ef4cfb0a092d190 Mon Sep 17 00:00:00 2001
From: Jeremy <jetsai@hmc.edu>
Date: Thu, 3 Dec 2020 12:20:13 -0800
Subject: [PATCH 1/4] Style problem difficulty and repo display

---
 popup.html          | 12 ++++++++++++
 popup.js            | 25 ++++++++++++++++++-------
 scripts/leetcode.js | 13 ++++++++++---
 scripts/welcome.js  | 23 +++++++++++++++--------
 welcome.html        | 13 +++++++++++++
 5 files changed, 68 insertions(+), 18 deletions(-)

diff --git a/popup.html b/popup.html
index ac0034b1..3d5fbb62 100644
--- a/popup.html
+++ b/popup.html
@@ -60,9 +60,21 @@ <h1 id="title">
 
         <!-- Commit mode -->
         <div id="commit_mode" hidden>
+          <p id="repo_url" class="ui small header"></p>
           <p class="onboarding">
             Problems Solved: <span id="p_solved">0</span>
           </p>
+          <p class="ui small header">
+            <span style="color: #5cb85c">Easy:</span>
+            <span id="p_solved_easy" style="color: #5cb85c">0 </span>
+            <span style="color: #f0ad4e">Medium:</span>
+            <span id="p_solved_medium" style="color: #f0ad4e"
+              >0
+            </span>
+            <span style="color: #d9534f">Hard:</span>
+            <span id="p_solved_hard" style="color: #d9534f">0 </span>
+          </p>
+
           <div class="ui small header">
             Want more features?
             <a
diff --git a/popup.js b/popup.js
index 570959de..d97abb30 100644
--- a/popup.js
+++ b/popup.js
@@ -36,13 +36,24 @@ chrome.storage.sync.get('leethub_token', (data) => {
           chrome.storage.sync.get('mode_type', (data2) => {
             if (data2 && data2.mode_type === 'commit') {
               $('#commit_mode').show();
-              /* Get problems solved count */
-              chrome.storage.sync.get('stats', (psolved) => {
-                const { stats } = psolved;
-                if (stats && stats.solved) {
-                  $('#p_solved').text(stats.solved);
-                }
-              });
+              /* Get problem stats and repo link */
+              chrome.storage.sync.get(
+                ['stats', 'repo'],
+                (psolved) => {
+                  const { stats, repo } = psolved;
+                  if (stats && stats.solved) {
+                    $('#p_solved').text(stats.solved);
+                    $('#p_solved_easy').text(stats.easy);
+                    $('#p_solved_medium').text(stats.medium);
+                    $('#p_solved_hard').text(stats.hard);
+                  }
+                  if (repo) {
+                    $('#repo_url').html(
+                      `<a target="blank" style="color: cadetblue !important" href="${repo}">Linked Repo</a>`,
+                    );
+                  }
+                },
+              );
             } else {
               $('#hook_mode').show();
             }
diff --git a/scripts/leetcode.js b/scripts/leetcode.js
index a9590bf1..e07ab9f6 100644
--- a/scripts/leetcode.js
+++ b/scripts/leetcode.js
@@ -20,6 +20,9 @@ const languages = {
   Oracle: '.sql',
 };
 
+/* Difficulty of most recenty submitted question */
+let difficulty = '';
+
 /* Get file extension for submission */
 function findLanguage() {
   const tag = [
@@ -66,13 +69,19 @@ const upload = (token, hook, code, directory, filename, sha) => {
             // create stats object
             stats = {};
             stats.solved = 0;
+            stats.easy = 0;
+            stats.medium = 0;
+            stats.hard = 0;
             stats.sha = {};
           }
           const filePath = directory + filename;
           // Only increment solved problems statistics once
           // New submission commits twice (README and problem)
-          if (filename !== 'README.md') {
+          if (filename === 'README.md') {
             stats.solved += 1;
+            stats.easy += difficulty === 'Easy' ? 1 : 0;
+            stats.medium += difficulty === 'Medium' ? 1 : 0;
+            stats.hard += difficulty === 'Hard' ? 1 : 0;
           }
           stats.sha[filePath] = updatedSha; // update sha key.
           chrome.storage.sync.set({ stats }, () => {
@@ -162,8 +171,6 @@ function parseQuestion() {
   const qtitlte = document.getElementsByClassName('css-v3d350')[0]
     .innerHTML;
 
-  let difficulty = '';
-
   // Problem difficulty, each problem difficulty has its own class.
   const isHard = document.getElementsByClassName('css-t42afm');
   const isMedium = document.getElementsByClassName('css-dcmtd5');
diff --git a/scripts/welcome.js b/scripts/welcome.js
index a44232e9..fc87f0d7 100644
--- a/scripts/welcome.js
+++ b/scripts/welcome.js
@@ -166,14 +166,18 @@ const linkRepo = (token, name) => {
             'none';
         } else {
           /* Change mode type to commit */
-          chrome.storage.sync.set({ mode_type: 'commit' }, () => {
-            $('#error').hide();
-            $('#success').html(
-              `Successfully linked <a target="blank" href="${res.html_url}">${name}</a> to LeetHub. Start <a href="http://leetcode.com">LeetCoding</a> now!`,
-            );
-            $('#success').show();
-            $('#unlink').show();
-          });
+          /* Save repo url to chrome storage */
+          chrome.storage.sync.set(
+            { mode_type: 'commit', repo: res.html_url },
+            () => {
+              $('#error').hide();
+              $('#success').html(
+                `Successfully linked <a target="blank" href="${res.html_url}">${name}</a> to LeetHub. Start <a href="http://leetcode.com">LeetCoding</a> now!`,
+              );
+              $('#success').show();
+              $('#unlink').show();
+            },
+          );
           /* Set Repo Hook */
           chrome.storage.sync.set(
             { leethub_hook: res.full_name },
@@ -184,6 +188,9 @@ const linkRepo = (token, name) => {
                 const { stats } = psolved;
                 if (stats && stats.solved) {
                   $('#p_solved').text(stats.solved);
+                  $('#p_solved_easy').text(stats.easy);
+                  $('#p_solved_medium').text(stats.medium);
+                  $('#p_solved_hard').text(stats.hard);
                 }
               });
             },
diff --git a/welcome.html b/welcome.html
index 59b66db8..34695291 100644
--- a/welcome.html
+++ b/welcome.html
@@ -98,6 +98,19 @@
           >
             Problems Solved: <span id="p_solved">0</span>
           </div>
+          <div
+            styl="font-size: 2.3em"
+            class="ui inverted large header"
+          >
+            <span style="color: #5cb85c">Easy:</span>
+            <span id="p_solved_easy" style="color: #5cb85c">0 </span>
+            <span style="color: #f0ad4e">Medium:</span>
+            <span id="p_solved_medium" style="color: #f0ad4e"
+              >0
+            </span>
+            <span style="color: #d9534f">Hard:</span>
+            <span id="p_solved_hard" style="color: #d9534f">0 </span>
+          </div>
         </div>
         <div class="eight wide center aligned column">
           <br /><br /><br />

From 7ce0401b0c68eb8a98d3cd9c3de0b7a833cce19e Mon Sep 17 00:00:00 2001
From: Qasim Wani <43754306+QasimWani@users.noreply.github.com>
Date: Fri, 4 Dec 2020 01:48:57 +0300
Subject: [PATCH 2/4] adding exception for problem title.

null check for problem title
---
 scripts/leetcode.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/scripts/leetcode.js b/scripts/leetcode.js
index e07ab9f6..6875144a 100644
--- a/scripts/leetcode.js
+++ b/scripts/leetcode.js
@@ -168,8 +168,13 @@ function parseQuestion() {
   const qbody = questionElem[0].innerHTML;
 
   // Problem title.
-  const qtitlte = document.getElementsByClassName('css-v3d350')[0]
-    .innerHTML;
+  let qtitlte = document.getElementsByClassName('css-v3d350')[0];
+  if(checkElem(qtitle)) {
+    qtitle = qtitle.innerHTML;
+  }
+  else {
+    qtitle = "unknown-problem";
+  }
 
   // Problem difficulty, each problem difficulty has its own class.
   const isHard = document.getElementsByClassName('css-t42afm');

From 3039f1eed767484f377e604dfb947a78bf118ecb Mon Sep 17 00:00:00 2001
From: Jeremy <jetsai@hmc.edu>
Date: Thu, 3 Dec 2020 14:55:04 -0800
Subject: [PATCH 3/4] Fix typo

---
 scripts/leetcode.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/scripts/leetcode.js b/scripts/leetcode.js
index 6875144a..5ab07d05 100644
--- a/scripts/leetcode.js
+++ b/scripts/leetcode.js
@@ -168,12 +168,11 @@ function parseQuestion() {
   const qbody = questionElem[0].innerHTML;
 
   // Problem title.
-  let qtitlte = document.getElementsByClassName('css-v3d350')[0];
-  if(checkElem(qtitle)) {
+  let qtitle = document.getElementsByClassName('css-v3d350')[0];
+  if (checkElem(qtitle)) {
     qtitle = qtitle.innerHTML;
-  }
-  else {
-    qtitle = "unknown-problem";
+  } else {
+    qtitle = 'unknown-problem';
   }
 
   // Problem difficulty, each problem difficulty has its own class.
@@ -189,7 +188,7 @@ function parseQuestion() {
     difficulty = 'Hard';
   }
   // Final formatting of the contents of the README for each problem
-  const markdown = `<h2>${qtitlte}</h2><h3>${difficulty}</h3><hr>${qbody}`;
+  const markdown = `<h2>${qtitle}</h2><h3>${difficulty}</h3><hr>${qbody}`;
   return markdown;
 }
 

From 860999f6ac59117de229828dfe434210d04d39d5 Mon Sep 17 00:00:00 2001
From: Jeremy <jetsai@hmc.edu>
Date: Thu, 3 Dec 2020 15:30:39 -0800
Subject: [PATCH 4/4] Remove repo and use leethub_hook

---
 popup.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/popup.js b/popup.js
index d97abb30..b16a51c7 100644
--- a/popup.js
+++ b/popup.js
@@ -38,18 +38,19 @@ chrome.storage.sync.get('leethub_token', (data) => {
               $('#commit_mode').show();
               /* Get problem stats and repo link */
               chrome.storage.sync.get(
-                ['stats', 'repo'],
-                (psolved) => {
-                  const { stats, repo } = psolved;
+                ['stats', 'leethub_hook'],
+                (data3) => {
+                  const { stats } = data3;
                   if (stats && stats.solved) {
                     $('#p_solved').text(stats.solved);
                     $('#p_solved_easy').text(stats.easy);
                     $('#p_solved_medium').text(stats.medium);
                     $('#p_solved_hard').text(stats.hard);
                   }
-                  if (repo) {
+                  const leethubHook = data3.leethub_hook;
+                  if (leethubHook) {
                     $('#repo_url').html(
-                      `<a target="blank" style="color: cadetblue !important" href="${repo}">Linked Repo</a>`,
+                      `<a target="blank" style="color: cadetblue !important" href="/${leethubHook}">Linked Repo</a>`,
                     );
                   }
                 },