1 changed files with 3 additions and 4 deletions
+ 3
- 4
frontend/src/components/PostList.tsx
View File
| @@ -12,15 +12,14 @@ export default (({ posts, onClick }: Props) => ( | |||||
| <div className="flex flex-wrap gap-6 p-4"> | <div className="flex flex-wrap gap-6 p-4"> | ||||
| {posts.map ((post, i) => ( | {posts.map ((post, i) => ( | ||||
| <Link to={`/posts/${ post.id }`} | <Link to={`/posts/${ post.id }`} | ||||
| key={i} | |||||
| key={post.id} | |||||
| className="w-40 h-40 overflow-hidden rounded-lg shadow-md hover:shadow-lg" | className="w-40 h-40 overflow-hidden rounded-lg shadow-md hover:shadow-lg" | ||||
| onClick={onClick}> | onClick={onClick}> | ||||
| <img src={post.thumbnail || post.thumbnailBase || undefined} | <img src={post.thumbnail || post.thumbnailBase || undefined} | ||||
| alt={post.title || post.url} | alt={post.title || post.url} | ||||
| title={post.title || post.url || undefined} | title={post.title || post.url || undefined} | ||||
| loading="eager" | |||||
| fetchPriority="high" | |||||
| loading={i < 12 ? 'eager' : 'lazy'} | |||||
| decoding="async" | decoding="async" | ||||
| className="object-none w-full h-full" /> | |||||
| className="object-cover w-full h-full"/> | |||||
| </Link>))} | </Link>))} | ||||
| </div>)) satisfies FC<Props> | </div>)) satisfies FC<Props> | ||||