From 5bb8b3ce29b922fd1dc189ca760db779f0d5956f Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 15 Mar 2023 19:28:38 +0800
Subject: [PATCH] Experiment remove background preview image when image loaded

---
 src/components/media.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/media.jsx b/src/components/media.jsx
index 3db9ed20..9d3fdcfc 100644
--- a/src/components/media.jsx
+++ b/src/components/media.jsx
@@ -79,6 +79,10 @@ function Media({ media, showOriginal, autoAnimate, onClick = () => {} }) {
             // Open original image in new tab
             window.open(url, '_blank');
           }}
+          onLoad={(e) => {
+            // Hide background image after image loads
+            e.target.parentElement.style.backgroundImage = 'none';
+          }}
         />
       </div>
     );