MON-1977 [Client Sentry] (#37)

Author: lironhamra

frontend/src/components/Layout/Sidebar/components/UserInfo/components/ReportModal/ReportModal.tsx

@@ -32,21 +32,27 @@ export const ReportModal: FC<ReportModalProps> = ({ open, onClose }) => {
     e.preventDefault();
     if (inputDescription !== '' && selectedFile !== undefined) {
       const reader = new FileReader();
+
       reader.onloadend = function () {
         const result = reader.result as string;
         const [imageData, path] = result.split(';');
         const [type] = imageData.split(':');
         const [currentPath] = path.split(',');
+
         Sentry.configureScope(scope => {
           scope.addAttachment({ filename: 'screenshot', data: currentPath, contentType: type });
         });
-        logger.warn(`The report was sent by a user, message: ${inputDescription}`);
+
+        logger.info(`The report was sent by a user, message: ${inputDescription}`);
+
         Sentry.configureScope(scope => {
           scope.clearAttachments();
         });
+
         setInputDescription('');
         onClose();
       };
+
       reader.readAsDataURL(selectedFile);
     }
   };

frontend/src/components/WorkspaceSettings/Billing/BillingMethods/BillingMethodDialog.tsx

@@ -42,8 +42,7 @@ const BillingMethodDialog = ({ isDialogOpen, handleCloseDialog }: BillingMethodD
 
     if (paymentMethod.error) {
       setErrorMessage(paymentMethod.error.message as string);
-
-      logger.error(paymentMethod.error);
+      logger.error('Error on create stripe payment method', paymentMethod.error);
     } else {
       updatePaymentMethodApiV1BillingPaymentMethodPost({ payment_method_id: paymentMethod.paymentMethod.id });
 

frontend/src/components/WorkspaceSettings/Billing/FirstBilling/FirstBillingPayment.tsx

@@ -37,7 +37,7 @@ const FirstBillingPayment = () => {
     if (error) {
       setIsLoading(false);
       setErrorMessage(error.message as string);
-      logger.error(error);
+      logger.error('Error on confirm stripe payment', error);
     }
 
     setIsLoading(false);

frontend/src/helpers/services/customAxios.ts

@@ -28,13 +28,11 @@ AXIOS_INSTANCE.interceptors.response.use(
       } else if (response.status === 451 && window.location.pathname !== '/license-agreement') {
         window.location.href = '/license-agreement';
       } else {
-        logger.warn('Error from client on axios request', response); // 400...
-
         return response;
       }
     }
 
-    logger.warn('Server error from client on axios request', error); // 500...
+    logger.error('Err on axios request', { err_details: error });
 
     return { error_message: 'Internal server error', additional_information: {} };
   }

frontend/src/helpers/tierControl.tsx

@@ -1,9 +1,9 @@
 import React, { ReactNode, useEffect, useState } from 'react';
 
-import logger from './services/logger';
-
 import { getAvailableFeaturesApiV1OrganizationAvailableFeaturesGet } from 'api/generated';
 
+import { resError } from './types/resError';
+
 interface Dict {
   type: { [key: string]: number | boolean };
 }
@@ -20,12 +20,10 @@ export const featuresList = {
 };
 
 const getFeaturesStatus = async ({ setFeatures }: { setFeatures: (arg: Dict['type']) => void }) => {
-  try {
-    const response = (await getAvailableFeaturesApiV1OrganizationAvailableFeaturesGet()) as unknown as Dict['type'];
+  const response = (await getAvailableFeaturesApiV1OrganizationAvailableFeaturesGet()) as unknown as Dict['type'];
 
+  if (response && !(response as unknown as resError).error_message) {
     setFeatures(response);
-  } catch (err) {
-    logger.error(err);
   }
 };