Display posts for student (frontend)

[MalteStengard]

Requirements:
A logged in user should be able to view all posts made by other users on their dashboard. Posts should be stacked in one column starting with the most recent being on top. Each post should display the user who posted it, when it was posted, its content, comments on the post, and have a like and toggle comments button. A post should display if it has been edited.

Design

Plan

• Make sure posts can be seen in a list on the dashboard

// pages/dashboard/index.js
<Card>
   <Posts/>
<Card/>

// components/posts/index.js
// The code in posts seems to be mostly finished

// components/post/index.js
// The code in post seems to be mostly finished

• Make sure posts are in order of most recent post at the top

// components/posts/index.js
return (
    <>
      {posts.map((post) => {
        return (
          <Post
            key={post.id}
            name={`${post.author.firstName} ${post.author.lastName}`}
            date={post.createdAt}
            content={post.content}
            comments={post.comments}
          />
        );
      })}
</>

• Check that all the information listed in requirements can be seen on each post

// components/post/index.js
// The code in post seems to be mostly finished

[sebgro98]

Approved

[amos1969]

Approved