✨ Add button to make thumb clickable

old-reddit-expando.user.js

@@ -3,7 +3,7 @@
 // @namespace danielrayjones
 // @description Allow removal of visited links on Amazon Giveaway Listing
 // @include https://old.reddit.com*
-// @version 1.0.0
+// @version 1.0.2
 // ==/UserScript==
 
 (function() {
@@ -14,20 +14,36 @@
     }
 
     let para = document.createElement('p');
-    //para.innerHtml = '<button id="expander">Expand images</button><button id="depand">Collapse images</button>';
     let exButton = document.createElement('button');
-    exButton.id = 'expander';
     exButton.innerText = 'Expand images';
     exButton = para.appendChild(exButton);
+    exButton.addEventListener('click', () => document.querySelectorAll('.expando-button.collapsed').forEach(e => e.click()));
 
     let deButton = document.createElement('button');
-    deButton.id = 'depand';
     deButton.innerText = 'Collapse images';
     deButton = para.appendChild(deButton);
+    deButton.addEventListener('click', () => document.querySelectorAll('.expando-button.expanded').forEach(e => e.click()));
+
+    const proxyThumbClicks = function(evt) {
+        let thing = evt.target;
+        while (!thing.classList.contains('thing') && thing != document.body) {
+            thing = thing.parentElement;
+        }
+        if (!thing.classList.contains('thing')) {
+            console.log("Couldn't find thing");
+            return true;
+        }
+        evt.preventDefault();
+
+        thing.querySelector('.expando-button')?.click();
+
+        return false;
+    };
+
+    let icoButton = document.createElement('button');
+    icoButton.innerText = 'Thumb expands';
+    icoButton = para.appendChild(icoButton);
+    icoButton.addEventListener('click', () => listing.querySelectorAll('.thumbnail').forEach(e => e.addEventListener('click', proxyThumbClicks)));
 
     para = listing.insertBefore(para, listing.firstChild);
-
-    exButton.addEventListener('click', () => document.querySelectorAll('.expando-button.collapsed').forEach(e => e.click()));
-    deButton.addEventListener('click', () => document.querySelectorAll('.expando-button.expanded').forEach(e => e.click()));
 })();
-