fix(compass-indexes): fix indexes ux issues COMPASS-7084 COMPASS-4744 (#6084)

* update collection stats when indexes are refreshed

* delete failed in-progress indexes

Author: mabaasit

packages/compass-collection/src/stores/collection-tab.ts

@@ -89,6 +89,10 @@ export function activatePlugin(
     }
   });
 
+  on(localAppRegistry, 'refresh-collection-stats', () => {
+    void collectionModel.fetch({ dataService, force: true });
+  });
+
   void collectionModel.fetchMetadata({ dataService }).then((metadata) => {
     store.dispatch(collectionMetadataFetched(metadata));
   });

packages/compass-indexes/src/modules/regular-indexes.ts

@@ -162,9 +162,16 @@ export default function reducer(state = INITIAL_STATE, action: AnyAction) {
       },
     };
 
+    // When an inprogress index fails to create, we also have to update it in
+    // the state.indexes list to correctly update the UI with error state.
+    const newIndexes = _mergeInProgressIndexes(
+      state.indexes,
+      newInProgressIndexes
+    );
     return {
       ...state,
       inProgressIndexes: newInProgressIndexes,
+      indexes: newIndexes,
     };
   }
 
@@ -279,8 +286,7 @@ export const dropIndex = (name: string): IndexesThunkAction<void> => {
     }
 
     if (index.extra.status === 'failed') {
-      // todo: COMPASS-7084 (existing bug)
-      dispatch(inProgressIndexRemoved(String(index.extra.id)));
+      dispatch(inProgressIndexRemoved(String((index as InProgressIndex).id)));
       void dispatch(fetchIndexes());
       return;
     }

packages/compass-indexes/src/stores/store.ts

@@ -101,6 +101,7 @@ export function activateIndexesPlugin(
   );
 
   on(localAppRegistry, 'refresh-regular-indexes', () => {
+    localAppRegistry.emit('refresh-collection-stats');
     void store.dispatch(fetchIndexes());
   });