#134

frontend/src/components/PostList.tsx

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