Use async/await in options.js (#457)

Co-authored-by: rebloor <[email protected]>
mdn · Sep 5, 2023 · 6392240 · 6392240
1 parent a468a4c
commit 6392240
Showing 1 changed file with 8 additions and 12 deletions.
diff --git a/favourite-colour/options.js b/favourite-colour/options.js
@@ -1,20 +1,16 @@
-function saveOptions(e) {
-  browser.storage.sync.set({
+async function saveOptions(e) {
+  e.preventDefault();
+  await browser.storage.sync.set({
     colour: document.querySelector("#colour").value
   });
-  e.preventDefault();
 }
 
-function restoreOptions() {
-  let storageItem = browser.storage.managed.get('colour');
-  storageItem.then((res) => {
-    document.querySelector("#managed-colour").innerText = res.colour;
-  });
+async function restoreOptions() {
+  let res = await browser.storage.managed.get('colour');
+  document.querySelector("#managed-colour").innerText = res.colour;
 
-  let gettingItem = browser.storage.sync.get('colour');
-  gettingItem.then((res) => {
-    document.querySelector("#colour").value = res.colour || 'Firefox red';
-  });
+  res = await browser.storage.sync.get('colour');
+  document.querySelector("#colour").value = res.colour || 'Firefox red';
 }
 
 document.addEventListener('DOMContentLoaded', restoreOptions);