Merge pull request 'Release v0.4.0: Fix skeleton loading for imgs' (#100) from v0.4.0/add-loading-skeletons into develop

Reviewed-on: #100

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "proxyraye-next",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "proxyraye-next",
-      "version": "0.3.0",
+      "version": "0.4.0",
       "dependencies": {
         "@picocss/pico": "2.0.6",
         "@reduxjs/toolkit": "2.2.3",

src/components/Layout/Results/Wrapper/Gallery/Thumbnail/index.tsx

@@ -31,7 +31,11 @@ const Thumbnail: React.FC<Props> = (props) => {
     return (
         <div className={classNames(style.thumbnailContainer, { [style.show]: show } )}>
             <Link href={`/${locale}/video/${platform}/${encodedUri}`}>
-                <Img className={style.image} src={imgUrl} unloader={<div className={style.imgPlaceholder}></div>} />
+                <Img 
+                    className={style.image} 
+                    src={imgUrl} 
+                    loader={<div className={style.imgPlaceholder}></div>} 
+                    unloader={<div className={style.imgPlaceholder}></div>} />
                 <div className={style.text}>{text}</div>
             </Link>
         </div>