From 61d120fcac717fc0110d72f81595f440a5aa96b5 Mon Sep 17 00:00:00 2001
From: Sandeep Suman <sandeepkrsuman2409@gmail.com>
Date: Thu, 31 Mar 2022 00:15:18 +0530
Subject: [PATCH] show prev/next btn only on def load

---
 popup/popup.html | 2 +-
 popup/popup.js   | 3 +++
 popup/style.css  | 4 ++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/popup/popup.html b/popup/popup.html
index 838e21c..fbb8dae 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -10,7 +10,7 @@ <h1 id="word"></h1>
       <p id="phonetic"></p>
       <div id="definition"></div>
       <p id="example"></p>
-      <div class="navigate-container">
+      <div id="navigatecontainer" class="navigate-container hidenavigator">
         <span class="navigator previous">&laquo;</span>
         <span class="navigator next">&raquo;</span>
       </div>
diff --git a/popup/popup.js b/popup/popup.js
index 0d76367..df0478e 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -33,6 +33,9 @@ async function dictionary(query) {
         "example"
       ).innerHTML = `Example: ${json[0].meanings[0].definitions[0].example}`;
     }
+    document
+      .getElementById("navigatecontainer")
+      .classList.remove("hidenavigator");
   } else if (json.title) {
     document.getElementById("error").innerHTML = "⚠  " + json.title;
   }
diff --git a/popup/style.css b/popup/style.css
index 61b39c1..e0f2001 100644
--- a/popup/style.css
+++ b/popup/style.css
@@ -39,6 +39,10 @@ div {
   padding: 6px 14px;
 }
 
+.hidenavigator {
+  display: none;
+}
+
 .navigator:hover {
   cursor: pointer;
   background-color: #ddd;