updates

dashboard/src/components/InviteMembersModal.tsx

@@ -62,8 +62,22 @@ const InviteMembersModal = ({ disabled = true }: { disabled: boolean }) => {
 			setDisableSendButton(false);
 		}
 	}, [redirectURI, emails]);
+	useEffect(() => {
+		return () => {
+			setRedirectURI({
+				value: '',
+				isInvalid: false,
+			});
+			setEmails([
+				{
+					value: '',
+					isInvalid: false,
+				},
+			]);
+		};
+	}, []);
 	const sendInviteHandler = async () => {
-		onClose();
+		closeModalHandler();
 	};
 	const updateEmailListHandler = (operation: string, index: number = 0) => {
 		switch (operation) {
@@ -112,6 +126,19 @@ const InviteMembersModal = ({ disabled = true }: { disabled: boolean }) => {
 		onDrop,
 		accept: 'text/csv',
 	});
+	const closeModalHandler = () => {
+		setRedirectURI({
+			value: '',
+			isInvalid: false,
+		});
+		setEmails([
+			{
+				value: '',
+				isInvalid: false,
+			},
+		]);
+		onClose();
+	};
 	return (
 		<>
 			<Button
@@ -122,11 +149,9 @@ const InviteMembersModal = ({ disabled = true }: { disabled: boolean }) => {
 				isDisabled={disabled}
 				size="sm"
 			>
-				<Center h="100%" pt="5%">
+				<Center h="100%">Invite Members</Center>
-					Invite Members
-				</Center>
 			</Button>
-			<Modal isOpen={isOpen} onClose={onClose} size="xl">
+			<Modal isOpen={isOpen} onClose={closeModalHandler} size="xl">
 				<ModalOverlay />
 				<ModalContent>
 					<ModalHeader>Invite Members</ModalHeader>

dashboard/src/graphql/queries/index.ts

@@ -84,3 +84,11 @@ export const UserDetailsQuery = `
     }
   }
 `;
+
+export const EmailVerificationQuery = `
+  query {
+    _env{
+      DISABLE_EMAIL_VERIFICATION
+    }
+  }
+`;

dashboard/src/pages/Users.tsx

@@ -38,7 +38,7 @@ import {
 	FaExclamationCircle,
 	FaAngleDown,
 } from 'react-icons/fa';
-import { UserDetailsQuery } from '../graphql/queries';
+import { EmailVerificationQuery, UserDetailsQuery } from '../graphql/queries';
 import { UpdateUser } from '../graphql/mutation';
 import EditUserModal from '../components/EditUserModal';
 import DeleteUserModal from '../components/DeleteUserModal';
@@ -102,6 +102,8 @@ export default function Users() {
 		});
 	const [userList, setUserList] = React.useState<userDataTypes[]>([]);
 	const [loading, setLoading] = React.useState<boolean>(false);
+	const [disableInviteMembers, setDisableInviteMembers] =
+		React.useState<boolean>(true);
 	const updateUserList = async () => {
 		setLoading(true);
 		const { data } = await client
@@ -133,8 +135,18 @@ export default function Users() {
 		}
 		setLoading(false);
 	};
+	const checkEmailVerification = async () => {
+		setLoading(true);
+		const { data } = await client.query(EmailVerificationQuery).toPromise();
+		if (data?._env) {
+			const { DISABLE_EMAIL_VERIFICATION } = data._env;
+			setDisableInviteMembers(DISABLE_EMAIL_VERIFICATION);
+		}
+		setLoading(false);
+	};
 	React.useEffect(() => {
 		updateUserList();
+		checkEmailVerification();
 	}, []);
 	React.useEffect(() => {
 		updateUserList();
@@ -178,7 +190,7 @@ export default function Users() {
 				<Text fontSize="md" fontWeight="bold">
 					Users
 				</Text>
-				<InviteMembersModal disabled={true} />
+				<InviteMembersModal disabled={disableInviteMembers} />
 			</Flex>
 			{!loading ? (
 				userList.length > 0 ? (