navigate to post from list on click

JHurdle91 · Aug 26, 2021 · 4a8dad0 · 4a8dad0
1 parent 6a016e4
commit 4a8dad0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/PostList.js b/src/components/PostList.js
@@ -18,11 +18,12 @@ const PostList = () => {
   return (
     <div className="PostList">
       {posts.map((post) => {
-        const { title, timestamp, text } = post;
+        const { title, timestamp, text, _id } = post;
         return (
           <div>
             <PostListItem
               key={uniqid()}
+              id={_id}
               title={title}
               timestamp={timestamp}
               body={text}

diff --git a/src/components/PostListItem.js b/src/components/PostListItem.js
@@ -1,7 +1,12 @@
 const PostListItem = (props) => {
-  const { title, timestamp, body, nComments } = props;
+  const { title, timestamp, body, nComments, id } = props;
+
+  const handleClick = () => {
+    window.location.href = `/posts/${id}`;
+  };
+
   return (
-    <div className="PostListItem">
+    <div className="PostListItem" onClick={handleClick}>
       <h2>{title}</h2>
       <div>{timestamp}</div>
       <p>{body}</p>