fixed some warnings

webapp/package.json

@@ -51,10 +51,10 @@
     ]
   },
   "devDependencies": {
-    "@types/express": "^4.17.13",
-    "@types/react-router-dom": "^5.1.8",
-	"@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^11.2.7",
-    "@testing-library/user-event": "^12.8.3"
+    "@testing-library/user-event": "^12.8.3",
+    "@types/express": "^4.17.13",
+    "@types/react-router-dom": "^5.1.8"
   }
 }

webapp/src/components/Navigation.tsx

@@ -1,10 +1,8 @@
-import React from 'react'
 import {Route, Switch} from 'react-router-dom';
 import Checkout from '../pages/Checkout';
 import NavBar from "./NavBar";
 import Home from "./Home";
 import LoadingSession from "./LoadingSessionComponent"
-import CheckoutData from "./checkout/CheckoutDataComponent"
 import LogoutSession from './logout/LogoutSessionComponent';
 
 type Props = {

webapp/src/components/checkout/Form.tsx

@@ -26,7 +26,7 @@ const Form = (props: Props) => {
     const {name, email, lastName, address, resetValues } = useForm<Customer>(initialState);
     const [showToast, setShowToast ] = useState(false);
     const [contactData, setContactData] = useState<ContactData[]>();
-    const [validValue, setValidValue] = useState(false);
+    const [, setValidValue] = useState(false);
 
 
     useEffect(() => {

webapp/src/pages/Checkout.tsx

@@ -1,10 +1,10 @@
-import React, {useState} from 'react'
+import {useState} from 'react'
 import { Container,  Row } from 'react-bootstrap';
 import Form from "../components/checkout/Form";
 import OrderSummary from "../components/order/Order";
 
 const Checkout = () => {
-    const [address, setAddress] = useState("")
+    const [, setAddress] = useState("")
 
     return (
         <Container>
@@ -14,7 +14,7 @@ const Checkout = () => {
             </div>
             <Row>
                 <Form setNewAddress={setAddress}/>
-                <OrderSummary address={address}/>
+                <OrderSummary/>
             </Row>
         </Container>
     )

webapp/src/pages/DetailsView/DetailsView.tsx

@@ -41,7 +41,7 @@ const DetailsView: React.FC = () => {
             }
         );
     },
-    [_id]);
+    [apiEndPoint, _id]);
 
     if (item) return(
         <Grid container className="centered">