fix: Fixed issues with refetch on ChaosHub, Environment and Probe screens

chaoscenter/graphql/server/pkg/gitops/service.go

@@ -79,7 +79,7 @@ func (g *gitOpsService) GitOpsNotificationHandler(ctx context.Context, infra cha
 	if config == nil {
 		return "Gitops Disabled", nil
 	}
-	query := bson.D{{"infra_id", infra.InfraID}, {"experiment_id", experimentID}, {"isRemoved", false}}
+	query := bson.D{{"infra_id", infra.InfraID}, {"experiment_id", experimentID}, {"is_removed", false}}
 	experiments, err := g.chaosExperimentOps.GetExperiments(query)
 	if err != nil {
 		logrus.Error("Could not get experiment :", err)

chaoscenter/web/src/context/AppStoreContext.tsx

@@ -39,16 +39,18 @@ export function useAppStore(): AppStoreContextProps {
 
 export const AppStoreProvider: React.FC<AppStoreContextProps> = ({ children }) => {
   const userDetails = getUserDetails();
-  const tokenDecode: DecodedTokenType = jwtDecode(userDetails.accessToken);
+  const tokenDecode: DecodedTokenType | undefined = userDetails.accessToken
+    ? jwtDecode(userDetails.accessToken)
+    : undefined;
   const [appStore, setAppStore] = React.useState<AppStoreContextProps>({
     projectID: userDetails.projectID,
     projectRole: userDetails.projectRole,
     currentUserInfo: {
-      ID: tokenDecode.uid,
-      username: tokenDecode.username,
-      userRole: tokenDecode.role
+      ID: tokenDecode?.uid ?? '',
+      username: tokenDecode?.username ?? '',
+      userRole: tokenDecode?.role ?? ''
     },
-    renderUrl: `/account/${tokenDecode.uid}`,
+    renderUrl: `/account/${tokenDecode?.uid}`,
     matchPath: '/account/:accountID',
     updateAppStore: () => void 0
   });

chaoscenter/web/src/controllers/AddHubModalWizard/AddHubModalWizard.tsx

@@ -20,6 +20,7 @@ export default function AddHubModalWizardController({
   const [addChaosHubMutation, { loading: addChaosHubMutationLoading, error: addHubMutationError }] = addChaosHub({
     onCompleted: () => {
       listChaosHubRefetch();
+      hideDarkModal();
     },
     onError: err => showError(err.message)
   });

chaoscenter/web/src/controllers/Environments/Environment.tsx

@@ -37,19 +37,22 @@ const EnvironmentController: React.FC = () => {
   const [deleteEnvironmentMutation] = deleteEnvironment({
     onCompleted: () => {
       refetchEnvironments();
-    }
+    },
+    onError: err => showError(err.message)
   });
 
   const [createEnvironmentMutation] = createEnvironment({
     onCompleted: () => {
       refetchEnvironments();
-    }
+    },
+    onError: err => showError(err.message)
   });
 
   const [updateEnvironmentMutation] = updateEnvironment({
     onCompleted: () => {
       refetchEnvironments();
-    }
+    },
+    onError: err => showError(err.message)
   });
 
   const environments = envData?.listEnvironments.environments;

chaoscenter/web/src/strings/strings.en.yaml

@@ -521,6 +521,7 @@ lastModified: Last Modified
 lastResilienceScore: Last Resilience Score
 lastRun: Last Run
 lastSyncedAt: Last Synced at
+lastUpdatedBy: Last Updated By
 latestRun: Latest Run
 latestRunFallbackText: No Experiment Runs found
 launchExperiment: Launch Experiment
@@ -598,6 +599,7 @@ needAttention: Needs Attention
 newChaosExperiment: New Chaos Experiment
 newChaosHub: New ChaosHub
 newChaosInfrastructure: Enable Chaos
+newEnvironment: New Environment
 newExperiment: New Experiment
 newMember: New Member
 newPassword: New Password

chaoscenter/web/src/strings/types.ts

@@ -430,6 +430,7 @@ export interface StringsMap {
   'lastResilienceScore': unknown
   'lastRun': unknown
   'lastSyncedAt': unknown
+  'lastUpdatedBy': unknown
   'latestRun': unknown
   'latestRunFallbackText': unknown
   'launchExperiment': unknown
@@ -499,6 +500,7 @@ export interface StringsMap {
   'newChaosExperiment': unknown
   'newChaosHub': unknown
   'newChaosInfrastructure': unknown
+  'newEnvironment': unknown
   'newExperiment': unknown
   'newMember': unknown
   'newPassword': unknown

chaoscenter/web/src/views/ChaosHubs/AddHubModal.tsx

@@ -1,11 +1,10 @@
 import React from 'react';
 import { Dialog } from '@blueprintjs/core';
-import { ButtonVariation } from '@harnessio/uicore';
+import { ButtonVariation, useToggleOpen } from '@harnessio/uicore';
 import type { ApolloQueryResult } from '@apollo/client';
 import AddHubModalWizardController from '@controllers/AddHubModalWizard';
 import type { ListChaosHubRequest, ListChaosHubResponse } from '@api/core';
 import { useStrings } from '@strings';
-import { ParentComponentErrorWrapper } from '@errors';
 import RbacButton from '@components/RbacButton';
 import { PermissionGroup } from '@models';
 import css from './ChaosHubs.module.scss';
@@ -19,33 +18,23 @@ interface AddHubModalProviderProps {
 
 function AddHubModal({ listChaosHubRefetch, disabled }: AddHubModalProviderProps): React.ReactElement {
   const { getString } = useStrings();
-  const [isAddChaosHubModalOpen, setIsAddChaosHubModalOpen] = React.useState(false);
+  const { isOpen, open, close } = useToggleOpen();
 
   return (
     <>
-      <ParentComponentErrorWrapper>
-        <RbacButton
-          variation={ButtonVariation.PRIMARY}
-          text={getString('newChaosHub')}
-          icon="plus"
-          onClick={() => {
-            setIsAddChaosHubModalOpen(true);
-          }}
-          disabled={disabled}
-          permission={PermissionGroup.EDITOR}
-        />
-      </ParentComponentErrorWrapper>
-      <Dialog
-        isOpen={isAddChaosHubModalOpen}
-        enforceFocus={false}
-        onClose={() => setIsAddChaosHubModalOpen(false)}
-        className={css.modalWithHelpPanel}
-      >
-        <AddHubModalWizardController
-          hideDarkModal={() => setIsAddChaosHubModalOpen(false)}
-          listChaosHubRefetch={listChaosHubRefetch}
-        />
-      </Dialog>
+      <RbacButton
+        variation={ButtonVariation.PRIMARY}
+        text={getString('newChaosHub')}
+        icon="plus"
+        onClick={() => open()}
+        disabled={disabled}
+        permission={PermissionGroup.EDITOR}
+      />
+      {isOpen && (
+        <Dialog isOpen={isOpen} enforceFocus={false} onClose={() => close()} className={css.modalWithHelpPanel}>
+          <AddHubModalWizardController hideDarkModal={() => close()} listChaosHubRefetch={listChaosHubRefetch} />
+        </Dialog>
+      )}
     </>
   );
 }

chaoscenter/web/src/views/ChaosProbes/ChaosProbesTableMenu.tsx

@@ -37,7 +37,10 @@ export const MenuCell = ({ row: { original: data }, refetchProbes }: MenuCellPro
   } = useToggleOpen();
 
   const [deleteProbeMutation] = deleteProbe({
-    onError: error => showError(error.message)
+    onError: error => showError(error.message),
+    onCompleted: () => {
+      refetchProbes?.();
+    }
   });
 
   // <!-- confirmation dialog boxes -->

chaoscenter/web/src/views/Environments/EnvironmentList/EnvironmentsList.tsx

@@ -60,14 +60,14 @@ export default function EnvironmentListView({
         Cell: EnvironmentName
       },
       {
-        Header: 'TYPE',
+        Header: getString('type').toUpperCase(),
         id: 'type',
         accessor: 'type',
         width: '30%',
         Cell: EnvironmentTypes
       },
       {
-        Header: 'LAST UPDATED BY',
+        Header: getString('lastUpdatedBy').toUpperCase(),
         id: 'modifiedBy',
         width: '30%',
         Cell: LastUpdatedBy
@@ -95,7 +95,7 @@ export default function EnvironmentListView({
               data-testid="add-environment"
               icon="plus"
               iconProps={{ size: 10 }}
-              text="New Environment"
+              text={getString('newEnvironment')}
               permission={PermissionGroup.EDITOR}
               onClick={() => open()}
             />

chaoscenter/web/src/views/KubernetesChaosInfrastructureCreationModal/KubernetesChaosInfrastructureStepWizardConfiguration.tsx

@@ -202,11 +202,12 @@ function AdvancedChaosInfrastructureConfig({
                       className={css.addRowButton}
                     />
                   </Layout.Horizontal>
-                  {tolerationEntities.map((_, index) => (
+                  {tolerationEntities.map((toleration, index) => (
                     <Layout.Horizontal key={index} className={css.keyValueContainer}>
                       <FormInput.Text
                         inputGroup={{ type: 'number' }}
                         className={css.textCss}
+                        disabled={toleration.effect === 'NoSchedule' || toleration.effect === ''}
                         name={`${'tolerationValues'}[${index}].tolerationSeconds`}
                         placeholder={getString('tolerationSeconds')}
                       />