Release v0.4.0: Fix skeleton loading for imgs #100

Merged
lamacchinadesiderante merged 1 commits from v0.4.0/add-loading-skeletons into develop 2024-05-25 14:52:21 +00:00
2 changed files with 7 additions and 3 deletions

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",

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>