Add proptypes to post, fix eslint errors

Author: StuartCowley

src/__tests__/App.test.js

@@ -1,7 +1,7 @@
-import { render, screen } from '@testing-library/react';
-import App from '../components/App';
+import React, { render, screen } from "@testing-library/react";
+import App from "../components/App";
 
-test('renders learn react link', () => {
+test("renders learn react link", () => {
   render(<App />);
   const linkElement = screen.getByText("Intro to React II");
   expect(linkElement).toBeInTheDocument();

src/components/App.js

@@ -1,3 +1,4 @@
+import React from "react";
 import "../styles/app.css";
 import Post from "./Post";
 

src/components/Post.js

@@ -1,14 +1,12 @@
 import React from "react";
+import PropTypes from "prop-types";
 
 const Post = ({postData}) => {
   const {title, author, date, isPublished, body, tags} = postData
 
   return (
     <div className="post">
       <div className="post-heading">
-        {
-          // TODO: validate props
-        }
         <h2>{title}</h2>
         {isPublished ? <p>{body}</p> : <p>Coming soon!</p>}
       </div>
@@ -24,4 +22,15 @@ const Post = ({postData}) => {
   );
 };
 
+Post.propTypes = {
+  postData: PropTypes.shape({
+    author: PropTypes.string,
+    body: PropTypes.string,
+    date: PropTypes.string,
+    isPublished: PropTypes.bool,
+    tags: PropTypes.arrayOf(PropTypes.string),
+    title: PropTypes.string,
+  }).isRequired
+}
+
 export default Post;