CEC-279 Add logger (#62)

* CEC-279 Add logger

* Error log 500 status requests

src/components/CarUpdates/Status/index.jsx

@@ -20,6 +20,7 @@ import { useUserContext } from "../../Contexts/UserContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
 import useStyles from "../../useStyles";
 import { LocalDateTimeString } from "../../../utils/dates";
+import { logger } from "../../../services/monitoring";
 
 const MainForm = () => {
   const { packageid } = useParams();
@@ -43,36 +44,41 @@ const MainForm = () => {
   } = useUserContext();
 
   useEffect(() => {
-    try {
-      getPackages({ id: packageid }, token);
-    } catch (e) {
-      setMessage(e.message);
-    }
-    // eslint-disable-next-line
+    (async () => {
+      try {
+        await getPackages({ id: packageid }, token);
+      } catch (e) {
+        setMessage(e.message);
+        logger.warn(e.stack);
+      }
+    })();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [token]);
 
   useEffect(() => {
     if (!packages || packages.length === 0) return;
     setTitle(`Package ${packages[0].package_name} ${packages[0].version}`);
-
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [packages]);
 
   useEffect(() => {
-    try {
-      stopMonitor();
-      getCarUpdates(
-        {
-          packageid,
-          limit: pageSize,
-          offset: pageSize * pageIndex,
-        },
-        token
-      );
-    } catch (e) {
-      setMessage(e.message);
-    }
-    // eslint-disable-next-line
+    (async () => {
+      try {
+        stopMonitor();
+        await getCarUpdates(
+          {
+            packageid,
+            limit: pageSize,
+            offset: pageSize * pageIndex,
+          },
+          token
+        );
+      } catch (e) {
+        setMessage(e.message);
+        logger.warn(e.stack);
+      }
+    })();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pageIndex, pageSize, token]);
 
   useEffect(() => {
@@ -81,11 +87,12 @@ const MainForm = () => {
       startMonitor(token);
     } catch (e) {
       setMessage(e.message);
+      logger.warn(e.stack);
     }
     return () => {
       stopMonitor();
     };
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [carUpdates]);
 
   const handleChangePageIndex = (event, newIndex) => {