add rollbar

Tatyana-js · Feb 5, 2025 · e3464f5 · e3464f5
1 parent 70f413b
commit e3464f5
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 185 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^2.4.0",
+    "@rollbar/react": "^0.12.0-beta",
     "@vitejs/plugin-react": "^4.3.4",
     "axios": "^1.7.9",
     "bootstrap": "^5.3.3",

diff --git a/frontend/src/init.jsx b/frontend/src/init.jsx
@@ -3,7 +3,7 @@ import i18next from 'i18next';
 import { ToastContainer } from 'react-toastify';
 import { combineReducers, configureStore } from '@reduxjs/toolkit';
 import * as filter from 'leo-profanity';
-// import { ErrorBoundary } from '@rollbar/react';
+import { Provider as RollbarProvider, ErrorBoundary } from '@rollbar/react';
 import { chatApi } from './api/chatApi.js';
 import activeChannelReducer from './slices/activeChannelSlice.js';
 import modalsReducer from './slices/modalsSlice.js';
@@ -61,25 +61,28 @@ const init = async () => {
         draft.push({ payload });
       }));
     }); 
-    // const rollbarConfig = {
-    //   accessToken: import.meta.env.VITE_ROLLBAR_ACCESS_TOKEN,
-    //   environment: import.meta.env.MODE,
-    // };
+
+    const rollbarConfig = {
+      accessToken: '',
+      environment: 'testenv',
+    };
+
     filter.add(filter.getDictionary('en'));
     filter.add(filter.getDictionary('ru'));
 
   return (
-    // <ErrorBoundary fallback={rollbarConfig}>
-    <I18nextProvider i18n={i18n}>
-      <Provider store={store}>
-       <StrictMode>
-          <App />
-          <ToastContainer />
-        </StrictMode> 
-      </Provider>
-    </I18nextProvider>  
-    // </ErrorBoundary>
-
+    <RollbarProvider config={rollbarConfig}>
+      <I18nextProvider i18n={i18n}>
+        <ErrorBoundary>
+          <Provider store={store}>
+            <StrictMode>
+              <App />
+              <ToastContainer />
+            </StrictMode> 
+          </Provider>
+        </ErrorBoundary>
+      </I18nextProvider>
+    </RollbarProvider>  
   );
 };
 

diff --git a/frontend/src/pages/LoginPage.jsx b/frontend/src/pages/LoginPage.jsx
@@ -7,7 +7,6 @@ import { useTranslation } from 'react-i18next';
 import avatarLogin from '../assets/avatarLogin.jpg';
 import useAuth from '../hooks/index.jsx';
 import router from '../utils/routes.js';
-import { toast } from 'react-toastify';
 
 const LoginPage = () => {
   const auth = useAuth();
@@ -32,7 +31,6 @@ const LoginPage = () => {
             if (axios.isAxiosError(err) && err.response.status === 401) {
             setAuthFailed(true);
             inputEl.current.select();
-            toast.error(t('errors.axiosError'));
             return;
           }
         throw err;