fix: Inactive Clients Not Refreshing Action Buttons After App Deploym…

…ent (#34849)

Co-authored-by: gabriellsh <[email protected]>

.changeset/eleven-pugs-help.md

@@ -0,0 +1,5 @@
+---
+"@rocket.chat/meteor": patch
+---
+
+Fixes an issue where losing connection could break app's action buttons

apps/meteor/client/hooks/useAppActionButtons.ts

@@ -1,21 +1,22 @@
 import { type IUIActionButton, type UIActionButtonContext } from '@rocket.chat/apps-engine/definition/ui';
 import { useDebouncedCallback } from '@rocket.chat/fuselage-hooks';
-import { useEndpoint, useStream, useUserId } from '@rocket.chat/ui-contexts';
+import { useConnectionStatus, useEndpoint, useStream, useUserId } from '@rocket.chat/ui-contexts';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useEffect } from 'react';
 
 export const getIdForActionButton = ({ appId, actionId }: IUIActionButton): string => `${appId}/${actionId}`;
 
 export const useAppActionButtons = <TContext extends `${UIActionButtonContext}`>(context?: TContext) => {
 	const queryClient = useQueryClient();
-
 	const apps = useStream('apps');
 	const uid = useUserId();
+	const { status } = useConnectionStatus();
 
 	const getActionButtons = useEndpoint('GET', '/apps/actionButtons');
 
 	const result = useQuery({
-		queryKey: ['apps', 'actionButtons'],
+		queryKey: ['apps', 'actionButtons', status],
+		enabled: status === 'connected',
 		queryFn: () => getActionButtons(),
 
 		...(context && {