02_lesson: Add author formally into postList

02_lesson_starter/src/features/posts/PostAuthor.js

@@ -0,0 +1,10 @@
+import { useSelector } from "react-redux";
+import { selectAllUsers } from "../users/usersSlice";
+
+const PostAuthor = ({ userId }) => {
+  const users = useSelector(selectAllUsers);
+  const author = users.find((user) => user.id === userId);
+  return <span>by {author ? author.name : "Unknown author"}</span>;
+};
+
+export default PostAuthor;

02_lesson_starter/src/features/posts/PostsList.js

@@ -1,5 +1,6 @@
 import { useSelector } from "react-redux";
 import { selectAllPosts } from "./postsSlice";
+import PostAuthor from "./PostAuthor";
 
 const PostsList = () => {
   const posts = useSelector(selectAllPosts);
@@ -7,8 +8,10 @@ const PostsList = () => {
   const renderedPosts = posts.map((post) => (
     <article key={post.id}>
       <h3>{post.title}</h3>
-      <h4>{post.userId}</h4>
       <p>{post.content.substring(0, 100)}</p>
+      <p className="postCredit">
+        <PostAuthor userId={post.userId} />
+      </p>
     </article>
   ));