CEC-279 Add logger (#62)

* CEC-279 Add logger

* Error log 500 status requests

src/components/CarUpdates/Deploy/index.jsx

@@ -12,6 +12,7 @@ import useStyles from "../../useStyles";
 import { tsLocalDateTimeString } from "../../../utils/dates";
 import SearchField from "../../Controls/SearchField";
 import CarSelectionTable from "../../Cars/CarSelectionTable";
+import { logger } from "../../../services/monitoring";
 
 const MainForm = () => {
   const { packageid } = useParams();
@@ -41,14 +42,18 @@ const MainForm = () => {
   };
 
   const handleSelect = (event, key) => {
-    let newSelected;
-    if (event.target.checked) {
-      newSelected = [...selected];
-      newSelected.push(key);
-    } else {
-      newSelected = selected.filter((vin) => vin !== key);
+    try {
+      let newSelected;
+      if (event.target.checked) {
+        newSelected = [...selected];
+        newSelected.push(key);
+      } else {
+        newSelected = selected.filter((vin) => vin !== key);
+      }
+      setSelected(newSelected);
+    } catch (e) {
+      logger.warn(e.stack);
     }
-    setSelected(newSelected);
   };
 
   const onSubmit = async (event) => {
@@ -65,13 +70,16 @@ const MainForm = () => {
       setRedirect(`/carupdate-status/${packageid}`);
     } catch (e) {
       setMessage(e.message);
+      logger.warn(e.stack);
     }
   };
+
   const getData = async () => {
     try {
       getPackages({ id: parseInt(packageid) }, token);
     } catch (e) {
       setMessage(e.message);
+      logger.warn(e.stack);
     }
   };
 
@@ -82,7 +90,7 @@ const MainForm = () => {
 
   useEffect(() => {
     setTitle(`Deploy ${packageName} ${version}`);
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [packageName, version]);
 
   useEffect(() => {