lamacchinadesiderante/proxyraye-nextjs
lamacchinadesiderante
/
proxyraye-nextjs
0
0
Fork 0
Code Issues 20 Pull Requests Packages Projects 6 Releases 7 Wiki Activity

fix skeleton loading for imgs

This commit is contained in:
La macchina desiderante 2024-05-25 15:17:44 +02:00
parent e09e8d2f15
commit 62cfbd4407
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package-lock.json generated
View File

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

6
src/components/Layout/Results/Wrapper/Gallery/Thumbnail/index.tsx
View File

@ -31,7 +31,11 @@ const Thumbnail: React.FC<Props> = (props) => {
return ( return (
<div className={classNames(style.thumbnailContainer, { [style.show]: show } )}> <div className={classNames(style.thumbnailContainer, { [style.show]: show } )}>
<Link href={`/${locale}/video/${platform}/${encodedUri}`}> <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> <div className={style.text}>{text}</div>
</Link> </Link>
</div> </div>