CEC-279 Add logger (#62)

* CEC-279 Add logger

* Error log 500 status requests

src/components/UpdatePackages/Create/index.jsx

@@ -1,6 +1,8 @@
 import React, { useEffect, useRef, useState } from "react";
+import { Redirect } from "react-router";
 import { Button, TextField } from "@material-ui/core";
 import { DropzoneArea } from "material-ui-dropzone";
+
 import { useUserContext } from "../../Contexts/UserContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
 import {
@@ -9,7 +11,7 @@ import {
 } from "../../Contexts/FileUploadContext";
 import ModalProgressBar from "../../ModalProgressBar";
 import useStyles from "../../useStyles";
-import { Redirect } from "react-router";
+import { logger } from "../../../services/monitoring";
 
 const FileUploadZone = ({ classes, token }) => {
   const { setFiles } = useFileUploadContext();
@@ -52,7 +54,7 @@ const MainForm = () => {
 
   useEffect(() => {
     setTitle("Create Update Package");
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const onSubmit = async (event) => {
@@ -76,6 +78,7 @@ const MainForm = () => {
       setRedirect(`/carupdate-deploy/${result.id}`);
     } catch (e) {
       setMessage(e.message);
+      logger.warn(e.stack);
     }
   };
 

src/components/UpdatePackages/Edit/index.jsx

@@ -10,6 +10,7 @@ import { useUserContext } from "../../Contexts/UserContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
 import useStyles from "../../useStyles";
 import { tsLocalDateTimeString } from "../../../utils/dates";
+import { logger } from "../../../services/monitoring";
 
 const MainForm = () => {
   const { id } = useParams();
@@ -42,6 +43,7 @@ const MainForm = () => {
       setMessage(`Updated ${packageName} ${version}`);
     } catch (e) {
       setMessage(e.message);
+      logger.warn(e.stack);
     }
   };
   const getData = async () => {
@@ -49,6 +51,7 @@ const MainForm = () => {
       getPackages({ id: parseInt(id) }, token);
     } catch (e) {
       setMessage(e.message);
+      logger.warn(e.stack);
     }
   };
   const handleChange = (event) => {
@@ -70,7 +73,7 @@ const MainForm = () => {
 
   useEffect(() => {
     setTitle(`Edit Update Package ${id}`);
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {

src/components/UpdatePackages/List/index.jsx

@@ -24,6 +24,7 @@ import { LocalDateTimeString } from "../../../utils/dates";
 import { Roles, hasRole } from "../../../utils/roles";
 import TableHeaderSortable from "../../Table/HeaderSortable";
 import SearchField from "../../Controls/SearchField";
+import { logger } from "../../../services/monitoring";
 
 const tableColumns = [
   {
@@ -67,7 +68,7 @@ const UpdatePackagesList = () => {
 
   useEffect(() => {
     setTitle("Deploy Packages");
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
@@ -80,7 +81,7 @@ const UpdatePackagesList = () => {
       },
       token
     );
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pageIndex, pageSize, token, orderBy, order, search]);
 
   const handleChangePageIndex = (event, newIndex) => {
@@ -114,6 +115,7 @@ const UpdatePackagesList = () => {
       await deletePackage(parseInt(package_id), token);
     } catch (e) {
       setMessage(e.message);
+      logger.warn(e.stack);
     }
   };