show anonymousID in Posts and Comments

src/App.js

@@ -23,7 +23,7 @@ const App = () => {
         if(selectedPost) {
             selectPost(posts.find(post => post.id === selectedPost.id));
         }
-    }, [posts]);
+    }, [posts, selectedPost]);
 
 
     const reload = async () => {

src/components/Post.js

@@ -7,7 +7,6 @@ import {
     faAngleUp,
     faAngleDown
 } from '@fortawesome/free-solid-svg-icons';
-import {faMessage} from "@fortawesome/free-solid-svg-icons/faMessage";
 import {postApi} from "../api/posts.api";
 
 const Post = ({ post, recursionDepth, selectPost, reload }) => {
@@ -45,7 +44,10 @@ const Post = ({ post, recursionDepth, selectPost, reload }) => {
             <div className="post" onClick={click => {if (!(click.target instanceof HTMLButtonElement)) setShowComments(!showComments)}}>
                 <div className="post-container">
                     {post.id === post.parent && <div className="post-title">
-                        <h3>{post.title}</h3>
+                        <h3>{post.title}<span style={{color: 'gray'}}> von {post.anonymousID}</span></h3>
+                    </div>}
+                    {post.id !== post.parent && <div className="post-title">
+                        <h3>Kommentar<span style={{color: 'gray'}}> von {post.anonymousID}</span></h3>
                     </div>}
                     <div className="post-content">
                         <p>{post.content}</p>
@@ -80,14 +82,12 @@ const Post = ({ post, recursionDepth, selectPost, reload }) => {
             </div>
         </div>
         <div className="comment">
-            {recursionDepth !== 0 && showComments && post.comments.map(post => <Post key={post.id} post={post}
-                                                                                         recursionDepth={recursionDepth - 1}
-                                                                                         selectPost={selectPost}
-                                                                                         reload={reload} />)}
+        {recursionDepth !== 0 && showComments && post.comments.map(post =>
+            <Post key={post.id} post={post} recursionDepth={recursionDepth - 1} selectPost={selectPost} reload={reload} />
+        )}
         </div>
     </div>
-    )
-        ;
+    );
 };
 
 export default Post;