CG demo instance

frontend/.env

@@ -1 +1,2 @@
-REACT_APP_BASE_URL=http://localhost:5000
+REACT_APP_BASE_URL=https://dev-main.chaosgenius.io
+REACT_APP_IS_DEMO=true

frontend/src/components/Analystics/index.js

@@ -286,7 +286,7 @@ const Analystics = ({ kpi, setAnalystics, onboarding }) => {
           scheduler_params_time: schedule
         }
       };
-      dispatch(kpiSettingSetup(kpi, data));
+      dispatch(kpiSettingSetup(kpi, data, customToast));
     }
   };
 

frontend/src/components/DashboardForm/index.js

@@ -205,13 +205,13 @@ const DashboardForm = ({ setText, setModal, onboarding }) => {
           dashboard_name: formData.dashboardname,
           kpi_list: formData.kpi
         };
-        dispatch(getUpdateDashboard(payload));
+        dispatch(getUpdateDashboard(payload, customToast));
       } else {
         const dashboardData = {
           dashboard_name: formData.dashboardname,
           kpi_list: formData.kpi
         };
-        dispatch(getCreateDashboard(dashboardData));
+        dispatch(getCreateDashboard(dashboardData, customToast));
       }
     }
   };

frontend/src/components/Dashboardcards/index.jsx

@@ -40,7 +40,7 @@ const Dashboardcards = ({ dashboarddata, setChange }) => {
   };
 
   const onDelete = (value) => {
-    dispatch(getDashboardDelete({ dashboard_id: value.id }));
+    dispatch(getDashboardDelete({ dashboard_id: value.id }, customToast));
   };
 
   const customToast = (data) => {

frontend/src/components/DataSourceForm/index.jsx

@@ -393,7 +393,7 @@ const DataSourceForm = ({ onboarding, setModal, setText }) => {
             sourceDefinitionId: sourceDefinitionId
           }
         };
-        dispatch(createDataSource(bingPayload));
+        dispatch(createDataSource(bingPayload, customToast));
       } else {
         const payload = {
           connection_type: selectedDatasource.value,
@@ -403,7 +403,7 @@ const DataSourceForm = ({ onboarding, setModal, setText }) => {
             sourceDefinitionId: sourceDefinitionId
           }
         };
-        dispatch(createDataSource(payload));
+        dispatch(createDataSource(payload, customToast));
       }
     }
   };
@@ -445,7 +445,7 @@ const DataSourceForm = ({ onboarding, setModal, setText }) => {
           connectionConfiguration: editedForm
         }
       };
-      dispatch(updateDatasourceById(dsId, payload));
+      dispatch(updateDatasourceById(dsId, payload, customToast));
     }
   };
 

frontend/src/components/DataSourceTable/index.jsx

@@ -70,7 +70,7 @@ const DataSourceTable = ({ tableData, changeData, search }) => {
     const payload = {
       data_source_id: datasource.id
     };
-    dispatch(deleteDatasource(payload));
+    dispatch(deleteDatasource(payload, customToast));
   };
 
   const datasourceIcon = (type) => {

frontend/src/components/KPITable/index.jsx

@@ -47,7 +47,7 @@ const KPITable = ({ kpiData, kpiLoading, kpiSearch, changeData }) => {
   };
 
   const onDelete = (kpi) => {
-    dispatch(kpiDisable(kpi.id));
+    dispatch(kpiDisable(kpi.id, customToast));
   };
 
   useEffect(() => {

frontend/src/components/KpiExplorerForm/index.jsx

@@ -622,15 +622,15 @@ const KpiExplorerForm = ({ onboarding, setModal, setText }) => {
         dashboard: formdata.dashboardNameList.map((el) => el.value)
       };
       if (data[2] === 'edit') {
-        dispatch(getUpdatekpi(kpiId, { name: formdata.kpiname }));
+        dispatch(getUpdatekpi(kpiId, { name: formdata.kpiname }, customToast));
       } else {
         dispatchgetAllKpiExplorerSubmit(kpiInfo);
       }
     }
   };
 
   const dispatchgetAllKpiExplorerSubmit = (kpiInfo) => {
-    dispatch(getAllKpiExplorerSubmit(kpiInfo));
+    dispatch(getAllKpiExplorerSubmit(kpiInfo, customToast));
   };
 
   const onTestQuery = () => {

frontend/src/redux/actions/DashboardHome.js

@@ -1,3 +1,4 @@
+import { env } from '../../env';
 import { getRequest, postRequest } from '../../utils/http-helper';
 import {
   DASHBOARD_LIST_URL,
@@ -77,12 +78,13 @@ export const getDashboardDeleteFailure = () => {
   };
 };
 
-export const getDashboardDelete = (params) => {
+export const getDashboardDelete = (params, customToast) => {
   return async (dispatch) => {
     dispatch(getDashboardDeleteRequest());
     const URL = attachParams(DASHBOARD_DELETE_URL, params);
     const { data, error, status } = await postRequest({
-      url: URL
+      url: URL,
+      customToast
     });
     if (error) {
       dispatch(getDashboardDeleteFailure());
@@ -111,12 +113,13 @@ export const getCreateDashboardFailure = () => {
   };
 };
 
-export const getCreateDashboard = (dashboard) => {
+export const getCreateDashboard = (dashboard, customToast) => {
   return async (dispatch) => {
     dispatch(getCreateDashboardRequest());
     const { data, error, status } = await postRequest({
       url: DASHBOARD_CREATE_URL,
-      data: dashboard
+      data: dashboard,
+      customToast
     });
     if (error) {
       dispatch(getCreateDashboardFailure());
@@ -179,17 +182,17 @@ export const getUpdateDashboardFailure = () => {
   };
 };
 
-export const getUpdateDashboard = (payload) => {
+export const getUpdateDashboard = (payload, customToast) => {
   return async (dispatch) => {
     dispatch(getUpdateDashboardRequest());
-    //const URL = attachParams(DASHBOARD_UPDATE_URL, params);
     const { data, error, status } = await postRequest({
       url: DASHBOARD_UPDATE_URL,
       data: JSON.stringify(payload),
       headers: {
         'Content-Type': 'application/json'
       },
-      noAuth: true
+      noAuth: true,
+      customToast
     });
     if (error) {
       dispatch(getUpdateDashboardFailure());

frontend/src/redux/actions/DataSources.js

@@ -33,6 +33,7 @@ import {
   DELETE_DATASOURCE,
   TEST_CONNECTION
 } from '../../utils/url-helper';
+import { env } from '../../env';
 
 import { getRequest, postRequest } from '../../utils/http-helper';
 
@@ -155,12 +156,13 @@ export const createDatesourceFailure = () => {
   };
 };
 
-export const createDataSource = (formData) => {
+export const createDataSource = (formData, customToast) => {
   return async (dispatch) => {
     dispatch(createDatasourceRequested());
     const { data, error, status } = await postRequest({
       url: CREATE_DATASOURCE,
-      data: formData
+      data: formData,
+      customToast
     });
     if (error) {
       dispatch(createDatesourceFailure());
@@ -189,12 +191,13 @@ export const deleteDatesourceFailure = () => {
   };
 };
 
-export const deleteDatasource = (id) => {
+export const deleteDatasource = (id, customToast) => {
   return async (dispatch) => {
     dispatch(deleteDatasourceRequested());
     const { data, error, status } = await postRequest({
       url: DELETE_DATASOURCE,
-      data: id
+      data: id,
+      customToast
     });
     if (error) {
       dispatch(deleteDatesourceFailure());
@@ -286,21 +289,33 @@ export const updateDatasourceByIdFailure = () => {
   };
 };
 
-export const updateDatasourceById = (id, updateData) => {
-  return async (dispatch) => {
-    dispatch(updateDatasourceByIdRequest());
-    const { data, error, status } = await postRequest({
-      url: `${CONNECTION_URL}/${id}/test-and-update`,
-      data: JSON.stringify(updateData),
-      headers: {
-        'Content-Type': 'application/json;charset=UTF-8'
-      },
-      noAuth: true
-    });
-    if (error) {
-      dispatch(updateDatasourceByIdFailure());
-    } else if (data && status === 200) {
-      dispatch(updateDatasourceByIdSuccess(data));
+export const updateDatasourceById = (id, updateData, customToast) => {
+  if (env.REACT_APP_IS_DEMO === 'true') {
+    if (customToast) {
+      customToast({
+        type: 'error',
+        header: 'This is a demo version'
+      });
     }
-  };
+    return {
+      type: 'default'
+    };
+  } else {
+    return async (dispatch) => {
+      dispatch(updateDatasourceByIdRequest());
+      const { data, error, status } = await postRequest({
+        url: `${CONNECTION_URL}/${id}/test-and-update`,
+        data: JSON.stringify(updateData),
+        headers: {
+          'Content-Type': 'application/json;charset=UTF-8'
+        },
+        noAuth: true
+      });
+      if (error) {
+        dispatch(updateDatasourceByIdFailure());
+      } else if (data && status === 200) {
+        dispatch(updateDatasourceByIdSuccess(data));
+      }
+    };
+  }
 };