From 5af5cb0cf01b4aee1bf347a6bd6e1fc267dd8a9b Mon Sep 17 00:00:00 2001
From: Palash Gupta <palashgdev@gmail.com>
Date: Fri, 9 Jun 2023 00:44:25 +0530
Subject: [PATCH] FE: invite form is reset when closed (#2875)

* feat: add the options menu

* fix: data is reset when modal is turned down

---------

Co-authored-by: Palash <palashgdev@gmail.com>
---
 .../PendingInvitesContainer/index.tsx         | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx b/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx
index e5d6eb06ac..76c25c09b3 100644
--- a/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx
+++ b/frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx
@@ -55,12 +55,18 @@ function PendingInvitesContainer(): JSX.Element {
 		queryKey: ['getPendingInvites', user?.accessJwt],
 	});
 
-	const toggleModal = (value: boolean): void => {
-		setIsInviteTeamMemberModalOpen(value);
-	};
-
 	const [dataSource, setDataSource] = useState<DataProps[]>([]);
 
+	const toggleModal = useCallback(
+		(value: boolean): void => {
+			setIsInviteTeamMemberModalOpen(value);
+			if (!value) {
+				form.resetFields();
+			}
+		},
+		[form],
+	);
+
 	const { hash } = useLocation();
 
 	const getParsedInviteData = useCallback(
@@ -79,7 +85,7 @@ function PendingInvitesContainer(): JSX.Element {
 		if (hash === INVITE_MEMBERS_HASH) {
 			toggleModal(true);
 		}
-	}, [hash]);
+	}, [hash, toggleModal]);
 
 	useEffect(() => {
 		if (
@@ -225,7 +231,13 @@ function PendingInvitesContainer(): JSX.Element {
 				});
 			}
 		},
-		[getParsedInviteData, getPendingInvitesResponse, notifications, t],
+		[
+			getParsedInviteData,
+			getPendingInvitesResponse,
+			notifications,
+			t,
+			toggleModal,
+		],
 	);
 
 	return (