#78

2025-07-26 20:40:03 +09:00
parent 64ff3160da
commit 05ef70b335
3 changed files with 47 additions and 19 deletions
@@ -1,16 +1,19 @@
 import { Link } from 'react-router-dom'

+import type { MouseEvent } from 'react'
 import type { Post } from '@/types'

-type Props = { posts: Post[] }
+type Props = { posts:     Post[]
+	       onClick?:  (event: MouseEvent<HTMLElement>) => void }


-export default ({ posts }: Props) => (
+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}
-		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}>
 	    <img src={post.thumbnail || post.thumbnailBase || undefined}
 		 alt={post.title || post.url}
 		 title={post.title || post.url || undefined}