console: fixed an issue where db to db relationship where not removed from the list after deletion [CON-64]

PR-URL: hasura/graphql-engine-mono#3928
Co-authored-by: Vijay Prasanna <[email protected]>
GitOrigin-RevId: 6d3e1af3df9928bccc98036dfa0252110a4a11a9

Author: 2 people

console/src/components/Services/Data/TableRelationships/Actions.js

@@ -696,7 +696,7 @@ export const addDbToDbRelationship = (
   }
 };
 
-export const dropDbToDbRelationship = (state, tableSchema, toggleEditor) => (
+export const dropDbToDbRelationship = (state, tableSchema, onSuccess) => (
   dispatch,
   getState
 ) => {
@@ -754,7 +754,7 @@ export const dropDbToDbRelationship = (state, tableSchema, toggleEditor) => (
   const errorMsg = 'Deleting remote relationship failed';
 
   const customOnSuccess = () => {
-    toggleEditor();
+    onSuccess();
   };
   const customOnError = () => {};
 

console/src/components/Services/Data/TableRelationships/RemoteDbRelationships/AddManualRelationship.tsx

@@ -47,8 +47,13 @@ const AddManualRelationship = ({
   };
 
   const removeFunc = relationship
-    ? (toggleEditor: unknown) => {
-        reduxDispatch(dropDbToDbRelationship(state, tableSchema, toggleEditor));
+    ? (toggleEditor: () => void) => {
+        reduxDispatch(
+          dropDbToDbRelationship(state, tableSchema, () => {
+            toggleEditor();
+            queryClient.refetchQueries(['metadata'], { active: true });
+          })
+        );
       }
     : null;