Removed duplocate close button

src/component/Product.jsx

-import React, { useState } from 'react'
-import './../styles/Product.css'
+import React, { useState } from "react";
+import "./../styles/Product.css";
 import { Modal, Button, Alert } from "react-bootstrap";
 
 export default function Product({ product }) {
@@ -9,19 +9,25 @@ export default function Product({ product }) {
   const handleClose = () => {
     setShow(false);
     handleCloseConfirm();
-  }
+  };
   const handleShow = () => setShow(true);
   const handleShowConfirm = () => setShowConfirm(true);
   const handleCloseConfirm = () => setShowConfirm(false);
 
-  return (<div>
+  return (
+    <div>
       <div className="img-container" onClick={handleShow}>
-      <img className="grid-img" src={product.productImageUrl} alt={product.productName} />
+        <img
+          className="grid-img"
+          src={product.productImageUrl}
+          alt={product.productName}
+        />
       </div>
       <div className="prod-info">
         <h5>{product.productName}</h5>
-      {product.sku}<br />
-      ${product.price}<br />
+        {product.sku}
+        <br />${product.price}
+        <br />
         In Stock: {product.stock}
       </div>
 
@@ -34,38 +40,36 @@ export default function Product({ product }) {
           <div className="modal-img">
             <img src={product.productImageUrl} alt={product.productName} />
           </div>
-        <h5>{product.sku}</h5>
-          ${product.price}<br />
-        {product.productDescription}<br />
+          <h5>{product.sku}</h5>${product.price}
+          <br />
+          {product.productDescription}
+          <br />
           In Stock: {product.stock}
         </Modal.Body>
 
         <Modal.Footer>
-        <Button variant="danger" className="float-left" onClick={handleShowConfirm}>
+          <Button
+            variant="danger"
+            className="float-left"
+            onClick={handleShowConfirm}
+          >
             Delete product
           </Button>
 
-        <Button variant="secondary" onClick={handleClose}>
-          Close
-          </Button>
           <Button variant="primary" onClick={handleClose}>
             Edit Product
           </Button>
 
-
           <Alert show={showConfirm} variant="danger">
             <h5> Are you sure?</h5>
-
             <Button variant="secondary" onClick={handleCloseConfirm}>
               Cancel
-          </Button>&nbsp;&nbsp;
-          <Button variant="danger">
-            Yes, delete
             </Button>
-
+            &nbsp;&nbsp;
+            <Button variant="danger">Yes, delete</Button>
           </Alert>
         </Modal.Footer>
       </Modal>
     </div>
-  )
+  );
 }