From 200830c7eb818158e8f460ca0ea1e52765cfaa32 Mon Sep 17 00:00:00 2001
From: jlucaspains <jlucaspains@gmail.com>
Date: Wed, 15 Jan 2025 20:36:59 -0700
Subject: [PATCH] UI adjustments to the chrome extnsion

---
 browser-extensions/images/icon-128.png | Bin 0 -> 3287 bytes
 browser-extensions/images/icon-48.png  | Bin 0 -> 1188 bytes
 browser-extensions/manifest.json       |   6 +++++-
 browser-extensions/popup.html          |  24 ++++++++++++++++++------
 browser-extensions/popup.js            |   2 +-
 public/locales/en/translation.json     |   3 ++-
 public/locales/pt/translation.json     |   3 ++-
 7 files changed, 28 insertions(+), 10 deletions(-)
 create mode 100644 browser-extensions/images/icon-128.png
 create mode 100644 browser-extensions/images/icon-48.png

diff --git a/browser-extensions/images/icon-128.png b/browser-extensions/images/icon-128.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4034e66f56100c6c42728a8d3dfb83c4262d293
GIT binary patch
literal 3287
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
X)_q~1$iD347y-2I>Z_HgSOxwIeZUeh

literal 0
HcmV?d00001

diff --git a/browser-extensions/images/icon-48.png b/browser-extensions/images/icon-48.png
new file mode 100644
index 0000000000000000000000000000000000000000..a82d908fc55c053abfab0bdae64b46868fd47b52
GIT binary patch
literal 1188
zcmV;V1Y7%wP)<h;3K|Lk000e1NJLTq001xm001xu0{{R3VB86{00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj7A5ctGMJj$T9(*MLcLM-*004FX0C)=`d?+h^Fdcj(
zPKr^Asf(hyqoBB<gQbK*g+(KMDFAp5Nry|l%)avV^8f$;?eXof!?7`dH4}Oq0C){)
zmTTzk=-cDmPKi(ydL1c#E+~F29D5^8iBIY7>Dl7iDt<5|eJUt^E*g6x4SE>>Zvev3
z!l=Ee0B!&Sc@heF7a)8lCw(kfj#{d|tJ2)k-{s%i<J-W`!IrU?^!D_Wu$9Nu$K2%I
z-sRrS+0I9YN&|TlslKW6_Vm8Zzp1{ep}3*_{r!Zdh5&d4AbclAhDq-6?f`cHcb<3$
zc@+S30HnI4%-77a#k0fF!>GQgp}C?Odm&qoUG?|%Hi0^~$he)ho+ErIFMl-G;Me!~
z_m8cR{r>&L(!~II5h#5v7<(W*gFngD$vlETY?yBQ{QSAex&U|vg{Fr7|NcvePIH`f
z`~3UI)W~+7clrAH_W1Vg@$UNj`uF+w?(*&>ek*5{Y1iP`&e_jFg+=-M`Lo5e0BZo%
z-`2j)zW`_ew8pdmZ2;Ea*1yib0BQit*UbQI07-{Ta+`DjX#ljwwe<J(Oo>l)op!&@
zz~$@Z>+kDmmTK_x@L`f;@AL2Q^zh#1-#>&xEq^jCfHE$CGA4a2K7>MqrG<#6iHE0%
zh^UEwqJU_YX+nlYW|e3_g+n!gIpF8v&)Lrlc^4UbAz6-FtiY_b#<iuprXhSM;-2O|
z00009a7bBm000id000id0mpBsWB>pH4oO5oR7gu>U>GWZk%^gwl?`1K7hvaL=H%k$
z;pJoIXGfRA2G|7zg@i>!L_|cz#3hK(!7eE!4N?vQGO}{`b;v8oGbk!4!_<q2sHmzj
zs4Ji=g8>a@7EMWJEp3E)5fL3-W<7lt76U9688RCgo0yuJTUa7%khZe6v9;r|XOTx&
zujb(Bgsc)3h+43qIZQ#)8C?-7aA85!z~YLo0u8vidmyX#^zuemfevgr43RYWSfI;e
z05@MhBn|!qd;kIg%t#uT1JR{1K@hSA|6p`!Ob~*sfh81O8WZrcB54Q<k3g442hx#h
zNE#TJqtF$ggJ{&4i;0axk&aIYO+*n$N=`x1z@D0xjx2APk?DrS&C2FL&#>%_Ik_fz
z2o3oK2n~fr#Vl%=30&SkyaXg&T2>CzP$3EysjTurR}2Pn)nMr;mKvA_ZU0)ZhB|cj
zK!99zJxIEtu?eQ3xdog8D*5ngXl-kUY3S(e8X+1Qx<MLxdO;fchzX^B-F6X?2@@x|
ziHJ<@CdLNgDHS3jZqidh31mtsJ`EDn3PIACU^)&BsWX&kR$>9OX3ybAR|^5`bLU|L
z^XH-~gn|VN7cE|b1uR`Aj=jW}SYD3qdI*@g0=pmNR^syXD(o86R<A)<3IS`^VRsV4
z`VAZV8!*78&0bs3RYC!~BC|g;2JmNQ!_3b^8UO(HU)-OdW!-xK0000<MNUMnLSTaQ
CcO|$0

literal 0
HcmV?d00001

diff --git a/browser-extensions/manifest.json b/browser-extensions/manifest.json
index e097ffc..fdf11a5 100644
--- a/browser-extensions/manifest.json
+++ b/browser-extensions/manifest.json
@@ -17,5 +17,9 @@
     "host_permissions": [
         "https://sharpcooking.lpains.net/api/*",
         "https://delightful-flower-0c3edd710-383.centralus.2.azurestaticapps.net/api/*"
-    ]
+    ],
+    "icons": {
+        "48": "images/icon-48.png",
+        "128": "images/icon-128.png"
+    }
 }
\ No newline at end of file
diff --git a/browser-extensions/popup.html b/browser-extensions/popup.html
index f274c9b..1386482 100644
--- a/browser-extensions/popup.html
+++ b/browser-extensions/popup.html
@@ -5,23 +5,35 @@
     <title>Sharp Cooking Extension</title>
     <style>
         .container {
-            height: 5rem;
-            width: 10rem;
             padding: 1rem;
         }
 
+        .display-text {
+            min-width: 200px;
+            font-size: 1rem;
+        }
+
+        .mb-1 {
+            margin-bottom: 1rem;
+        }
+
+        .flex {
+            display: flex;
+            justify-content: center;
+        }
+
         .result {
             font-size: 2rem;
-            margin: auto;
         }
     </style>
 </head>
 
 <body>
     <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 id="sharp-cooking-message" class="mb-1 display-text">Trying to extract recipe. Please wait...</div>
+        <div id="qrcode" class="mb-1 flex">
+        </div>
+        <div id="sharp-cooking-code" class="result flex"></div>
     </div>
     <script src="qrcode.js"></script>
     <script src="popup.js">
diff --git a/browser-extensions/popup.js b/browser-extensions/popup.js
index 4d47947..bb3fc22 100644
--- a/browser-extensions/popup.js
+++ b/browser-extensions/popup.js
@@ -9,7 +9,7 @@ chrome.runtime.onMessage.addListener(
     function (request) {
         if (request.contentScriptQuery == "parseRecipeResult") {
             document.getElementById("sharp-cooking-code").innerHTML = request.code || "";
-            document.getElementById("sharp-cooking-message").innerHTML = request.error || "";
+            document.getElementById("sharp-cooking-message").innerHTML = request.error || "Please scan the QR code with your Sharp Cooking app to import the recipe.";
 
             _ = new QRCode(document.getElementById("qrcode"), {
                 text: request.code,
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 500e909..a33a273 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -140,7 +140,8 @@
                     "changeLanguage": "Change Language",
                     "changeLanguageTitle": "Change recipe language",
                     "category": "Category",
-                    "selectCategory": "Select category..."
+                    "selectCategory": "Select category...",
+                    "importFromShareQRCode": "Scan QR Code"
                 },
                 "gallery": {
                     "recipeImage": "Recipe Image"
diff --git a/public/locales/pt/translation.json b/public/locales/pt/translation.json
index 7398c13..7a4fcad 100644
--- a/public/locales/pt/translation.json
+++ b/public/locales/pt/translation.json
@@ -139,7 +139,8 @@
                     "changeLanguage": "Alterar idioma",
                     "changeLanguageTitle": "Alterar idioma da receita",
                     "category": "Categoria",
-                    "selectCategory": "Selecione categoria..."
+                    "selectCategory": "Selecione categoria...",
+                    "importFromShareQRCode": "Código QR"
                 },
                 "gallery": {
                     "recipeImage": "Imagem de Receita"