Add useState to Post to add like button

Author: StuartCowley

src/components/Post.js

@@ -1,15 +1,25 @@
-import React from "react";
+import React, { useState } from "react";
 import PropTypes from "prop-types";
+import "../styles/post.css";
 
 const Post = ({postData}) => {
-  const {title, author, date, isPublished, body, tags} = postData
+  const {title, author, date, isPublished, body, tags} = postData;
+  const [count, setCount] = useState(0);
+
+  const handleClick = () => {
+    setCount(prev => prev + 1)
+  }
 
   return (
     <div className="post">
       <div className="post-heading">
         <h2>{title}</h2>
         {isPublished ? <p>{body}</p> : <p>Coming soon!</p>}
       </div>
+      <div className="post-counter">
+        <span>Upvotes: {count}</span>
+        <button onClick={handleClick} type="button">Upvote this</button>
+      </div>
       <div className="post-author">Author: {author}</div>
       <div className="post-date">Published: {date}</div>
       <h3>Tags:</h3>

src/styles/post.css

@@ -0,0 +1,8 @@
+.post-counter span {
+  margin-right: 1rem;
+}
+  
+.post-counter,
+.post-author {
+  margin-bottom: 0.5rem;
+}