SWA-Project/SWA-frontend
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show anonymousID in Posts and Comments

Browse Source
This commit is contained in:
Pete-Gerlach
2024-06-14 16:27:02 +02:00
parent 1ca4235283
commit 3f13bbdd19
2 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.js
View File

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

16
src/components/Post.js
View File

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