Added QR code

jlucaspains · Jan 6, 2025 · 23ccd46 · 23ccd46
1 parent 83c2155
commit 23ccd46
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/browser-extensions/popup.html b/browser-extensions/popup.html
@@ -3,10 +3,11 @@
 <head>
     <style>
         .container {
-            min-height: 5rem;
+            height: 5rem;
             width: 10rem;
             padding: 1rem;
         }
+
         .result {
             font-size: 2rem;
             margin: auto;
@@ -18,7 +19,9 @@
     <div class="container">
         <div id="sharp-cooking-message">Trying to extract recipe. Please wait...</div>
         <div id="sharp-cooking-code" class="result"></div>
+        <div id="qrcode"></div>
     </div>
+    <script src="qrcode.js"></script>
     <script src="popup.js">
     </script>
 </body>

diff --git a/browser-extensions/popup.js b/browser-extensions/popup.js
@@ -11,6 +11,12 @@ chrome.runtime.onMessage.addListener(
             document.getElementById("sharp-cooking-code").innerHTML = request.code || "";
             document.getElementById("sharp-cooking-message").innerHTML = request.error || "";
 
+            new QRCode(document.getElementById("qrcode"), {
+                text: request.code,
+                width: 128,
+                height: 128
+            });
+
             return false; // there is no need to respond
         }
     }