From 8d64734f14dea14144d1578ce5532ebc841eadef Mon Sep 17 00:00:00 2001
From: Guilherme Gazzo <guilhermegazzo@gmail.com>
Date: Mon, 4 Apr 2022 14:59:46 -0300
Subject: [PATCH] Cloud Page

---
 client/hooks/useMethodData.ts          |  1 +
 client/views/admin/cloud/CloudPage.tsx | 30 ++++++++++++++------------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/client/hooks/useMethodData.ts b/client/hooks/useMethodData.ts
index 0ac1982832c78..5631a1c4a5c05 100644
--- a/client/hooks/useMethodData.ts
+++ b/client/hooks/useMethodData.ts
@@ -29,6 +29,7 @@ export const useMethodData = <MethodName extends keyof ServerMethods, Result = A
 	}, [reset, getData, args, resolve, dispatchToastMessage, reject]);
 
 	useEffect(() => {
+		console.log('as');
 		fetchData();
 	}, [fetchData]);
 
diff --git a/client/views/admin/cloud/CloudPage.tsx b/client/views/admin/cloud/CloudPage.tsx
index 7079a4eb17cb1..d6846fd30e73c 100644
--- a/client/views/admin/cloud/CloudPage.tsx
+++ b/client/views/admin/cloud/CloudPage.tsx
@@ -1,5 +1,5 @@
 import { Box, Button, ButtonGroup, Margins } from '@rocket.chat/fuselage';
-import React, { useEffect, ReactNode, useMemo } from 'react';
+import React, { useEffect, ReactNode } from 'react';
 
 import Page from '../../../components/Page';
 import { useSetModal } from '../../../contexts/ModalContext';
@@ -16,6 +16,8 @@ import WorkspaceLoginSection from './WorkspaceLoginSection';
 import WorkspaceRegistrationSection from './WorkspaceRegistrationSection';
 import { cloudConsoleUrl } from './constants';
 
+const args = [] as const;
+
 const CloudPage = function CloudPage(): ReactNode {
 	const t = useTranslation();
 	const dispatchToastMessage = useToastMessageDispatch();
@@ -30,12 +32,12 @@ const CloudPage = function CloudPage(): ReactNode {
 	const token = useQueryStringParameter('token');
 
 	const finishOAuthAuthorization = useMethod('cloud:finishOAuthAuthorization');
-	// const checkRegisterStatus = useMethod('cloud:checkRegisterStatus');
 
-	const checkRegisterStatus = useMethodData(
-		'cloud:checkRegisterStatus',
-		useMemo(() => [], []),
-	);
+	const { reload, ...checkRegisterStatus } = useMethodData('cloud:checkRegisterStatus', args);
+
+	useEffect(() => {
+		console.log('checkRegisterStatus', checkRegisterStatus);
+	}, [checkRegisterStatus]);
 
 	const connectWorkspace = useMethod('cloud:connectWorkspace');
 
@@ -76,7 +78,7 @@ const CloudPage = function CloudPage(): ReactNode {
 					const isConnected = await connectWorkspace(token);
 
 					if (!isConnected) {
-						throw Error(t('An error occured connecting' as Parameters<typeof t>[0]));
+						throw Error(t('occurredof t>[0]));
 					}
 
 					dispatchToastMessage({ type: 'success', message: t('Connected') });
@@ -84,17 +86,17 @@ const CloudPage = function CloudPage(): ReactNode {
 			} catch (error) {
 				dispatchToastMessage({ type: 'error', message: error });
 			} finally {
-				await checkRegisterStatus.reload();
+				await reload();
 			}
 		};
 
 		acceptWorkspaceToken();
-	}, [checkRegisterStatus, connectWorkspace, dispatchToastMessage, t, token]);
+	}, [reload, connectWorkspace, dispatchToastMessage, t, token]);
 
 	const handleManualWorkspaceRegistrationButtonClick = (): void => {
 		const handleModalClose = (): void => {
 			setModal(null);
-			checkRegisterStatus.reload();
+			reload();
 		};
 		setModal(<ManualWorkspaceRegistrationModal onClose={handleModalClose} />);
 	};
@@ -129,8 +131,8 @@ const CloudPage = function CloudPage(): ReactNode {
 							<>
 								{isWorkspaceRegistered ? (
 									<>
-										<WorkspaceLoginSection onRegisterStatusChange={checkRegisterStatus.reload} />
-										<TroubleshootingSection onRegisterStatusChange={checkRegisterStatus.reload} />
+										<WorkspaceLoginSection onRegisterStatusChange={reload} />
+										<TroubleshootingSection onRegisterStatusChange={reload} />
 									</>
 								) : (
 									<WorkspaceRegistrationSection
@@ -138,13 +140,13 @@ const CloudPage = function CloudPage(): ReactNode {
 										token={checkRegisterStatus.value.token}
 										workspaceId={checkRegisterStatus.value.workspaceId}
 										uniqueId={checkRegisterStatus.value.uniqueId}
-										onRegisterStatusChange={checkRegisterStatus.reload}
+										onRegisterStatusChange={reload}
 									/>
 								)}
 							</>
 						)}
 
-						{!isConnectToCloudDesired && <ConnectToCloudSection onRegisterStatusChange={checkRegisterStatus.reload} />}
+						{!isConnectToCloudDesired && <ConnectToCloudSection onRegisterStatusChange={reload} />}
 					</Margins>
 				</Box>
 			</Page.ScrollableContentWithShadow>