bugfix: handle updated DOM for listing badges (#37)

Signed-off-by: Patrick Erichsen <patrick.a.erichsen@gmail.com>
Patrick-Erichsen · Dec 19, 2021 · f6c87ba · f6c87ba
1 parent cf2bdc9
commit f6c87ba
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/assets/manifest.json b/assets/manifest.json
@@ -2,7 +2,7 @@
   "name": "Offie - Airbnb Wifi Reviews",
   "description": "View Wifi and workspace info from the Airbnb search results page.",
   "manifest_version": 3,
-  "version": "0.0.12",
+  "version": "0.0.13",
   "icons": {
     "16": "img/offie-logo-16.png",
     "48": "img/offie-logo-48.png",

diff --git a/src/content/utils/dom.ts b/src/content/utils/dom.ts
@@ -106,16 +106,24 @@ export const insertBeforeBadge = (
     listingDetails: HTMLElement,
     offieNode: HTMLElement
 ): void => {
-    const badgeContainer = listingDetails.children[
+    const badgeParentContainer = listingDetails.children[
         listingDetails.childElementCount - 2
     ] as HTMLElement;
 
-    if (!badgeContainer) {
+    if (!badgeParentContainer) {
         throw new Error(
             `Failed to find the 'badgeContainer' var in ${insertBeforeBadge.name}`
         );
     }
 
+    const badgeContainer = badgeParentContainer.children[0] as HTMLElement;
+
+    if (!badgeParentContainer) {
+        throw new Error(
+            `Failed to find the 'badgeParentContainer' var in ${insertBeforeBadge.name}`
+        );
+    }
+
     /**
      * Heuristic: `Rare find` badge has a diamond svg
      */