#140

frontend/src/components/PostList.tsx

@@ -11,10 +11,11 @@ type Props = { posts:     Post[]
 export default (({ posts, onClick }: Props) => (
     <div className="flex flex-wrap gap-6 p-4">
       {posts.map ((post, i) => (
-	  <PrefetchLink to={`/posts/${ post.id }`}
-		key={post.id}
-		className="w-40 h-40 overflow-hidden rounded-lg shadow-md hover:shadow-lg"
-		onClick={onClick}>
+	  <PrefetchLink
+	      to={`/posts/${ post.id }`}
+	      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}

frontend/src/components/PrefetchLink.tsx

@@ -16,13 +16,13 @@ type Props = AnchorHTMLAttributes<HTMLAnchorElement> & {
 
 
 export default (({ to,
-		  replace,
-		  className,
-		  onMouseEnter,
-		  onTouchStart,
-		  onClick,
-		  cancelOnError = false,
-		  ...rest }: Props) => {
+		   replace,
+		   className,
+		   onMouseEnter,
+		   onTouchStart,
+		   onClick,
+		   cancelOnError = false,
+		   ...rest }: Props) => {
   const navigate = useNavigate ()
   const qc = useQueryClient ()
   const url = useMemo (() => (new URL (to, location.origin)).toString (), [to])