From adac68c40790fa1ad81b75801a9db6d013788d9b Mon Sep 17 00:00:00 2001 From: Ali BARIN Date: Fri, 19 Jul 2024 08:43:49 +0000 Subject: [PATCH] fix(AppConnectionRow): invalidate app connections upon deletion --- packages/web/src/components/AppConnectionRow/index.jsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/web/src/components/AppConnectionRow/index.jsx b/packages/web/src/components/AppConnectionRow/index.jsx index 5e6dc0ac..3b76256c 100644 --- a/packages/web/src/components/AppConnectionRow/index.jsx +++ b/packages/web/src/components/AppConnectionRow/index.jsx @@ -10,7 +10,7 @@ import CardActionArea from '@mui/material/CardActionArea'; import CircularProgress from '@mui/material/CircularProgress'; import Stack from '@mui/material/Stack'; import { DateTime } from 'luxon'; - +import { useQueryClient } from '@tanstack/react-query'; import useEnqueueSnackbar from 'hooks/useEnqueueSnackbar'; import ConnectionContextMenu from 'components/AppConnectionContextMenu'; import { DELETE_CONNECTION } from 'graphql/mutations/delete-connection'; @@ -35,6 +35,7 @@ function AppConnectionRow(props) { const [verificationVisible, setVerificationVisible] = React.useState(false); const contextButtonRef = React.useRef(null); const [anchorEl, setAnchorEl] = React.useState(null); + const queryClient = useQueryClient(); const [deleteConnection] = useMutation(DELETE_CONNECTION); @@ -75,6 +76,9 @@ function AppConnectionRow(props) { }, }); + await queryClient.invalidateQueries({ + queryKey: ['apps', key, 'connections'], + }); enqueueSnackbar(formatMessage('connection.deletedMessage'), { variant: 'success', SnackbarProps: { @@ -86,7 +90,7 @@ function AppConnectionRow(props) { testConnection({ variables: { id } }); } }, - [deleteConnection, id, testConnection, formatMessage, enqueueSnackbar], + [deleteConnection, id, queryClient, key, enqueueSnackbar, formatMessage, testConnection], ); const relativeCreatedAt = DateTime.fromMillis(