Added link to new product form in products page header

src/component/Main.jsx

@@ -37,7 +37,9 @@ export default function Main() {
         <AuthRoute exact path="/">
           <Redirect to="/products" />
         </AuthRoute>
-        <AuthRoute>404 PAGE</AuthRoute>
+        <AuthRoute>
+          <h1>404 Page Not Found</h1>
+        </AuthRoute>
       </Switch>
     </div>
   );

src/component/ProductGrid.jsx

@@ -3,7 +3,8 @@ import Product from "./Product.jsx";
 import { Col, Container, Row } from "react-bootstrap";
 import "./../styles/ProductGrid.css";
 import Config from "../config.js";
-import { set } from "react-hook-form";
+import { Link } from "react-router-dom";
+
 export default function ProductGrid({ productData }) {
   const [products, setProducts] = useState([]);
 
@@ -19,9 +20,14 @@ export default function ProductGrid({ productData }) {
 
   return (
     <div>
-      <h1 id="title" className="text-center">
-        Inventory
-      </h1>
+      <div className="container mt-3 d-flex justify-content-between align-items-center">
+        <h1 id="title" className="text-center">
+          Inventory
+        </h1>
+        <Link type="link" className="btn btn-success" to="/products/new">
+          + New Product
+        </Link>
+      </div>
       <Container id="prod-grid" className="mt-3">
         <Row xs={1} sm={2} md={3} lg={4}>
           {products.map((product) => {