update WhatsApp webview.js for non-English locales (#680)

* update webview.js for non-English locales

the current implementation tries to get the message list parentChatElem through an element called "Chat list", which is not named that in non-English locales. As a replacement, I'm finding all div's with an aria-label attribute and then I choose the tallest one, which should usually be the chat list.

3 files changed, 4 insertions, 3 deletions

diff --git a/all.json b/all.json
index 8e6d722..f910519 100644
--- a/all.json
+++ b/all.json
@@ -1575,7 +1575,7 @@
     "featured": true,
     "id": "whatsapp",
     "name": "WhatsApp",
-    "version": "3.3.1",
+    "version": "3.3.2",
     "icons": {
       "svg": "https://cdn.jsdelivr.net/gh/getferdi/recipes/recipes/whatsapp/icon.svg"
     }
diff --git a/recipes/whatsapp/package.json b/recipes/whatsapp/package.json
index c33b115..4e59177 100644
--- a/recipes/whatsapp/package.json
+++ b/recipes/whatsapp/package.json
@@ -1,7 +1,7 @@
 {
   "id": "whatsapp",
   "name": "WhatsApp",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.whatsapp.com",
diff --git a/recipes/whatsapp/webview.js b/recipes/whatsapp/webview.js
index eaaf2c2..3df34e3 100644
--- a/recipes/whatsapp/webview.js
+++ b/recipes/whatsapp/webview.js
@@ -12,7 +12,8 @@ module.exports = Ferdi => {
     let count = 0;
     let indirectCount = 0;
 
-    const parentChatElem = document.querySelector('[aria-label="Chat list"]');
+    const parentChatElem = Array.from(document.querySelectorAll('div[aria-label]'))
+                           .sort((a, b) => (a.offsetHeight < b.offsetHeight) ? 1 : -1)[0];
     if (!parentChatElem) {
       return;
     }