From 962fc5e9ff4bbb6d5deef8446087fd27fdd2440e Mon Sep 17 00:00:00 2001
From: Palash Gupta <palashgdev@gmail.com>
Date: Tue, 22 Aug 2023 12:25:29 +0530
Subject: [PATCH] fix: type email is added in the invite members (#3376)

Co-authored-by: Vishal Sharma <makeavish786@gmail.com>
---
 .../InviteTeamMembers/index.tsx                  | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/container/OrganizationSettings/InviteTeamMembers/index.tsx b/frontend/src/container/OrganizationSettings/InviteTeamMembers/index.tsx
index e520fbbd72..778e792085 100644
--- a/frontend/src/container/OrganizationSettings/InviteTeamMembers/index.tsx
+++ b/frontend/src/container/OrganizationSettings/InviteTeamMembers/index.tsx
@@ -14,8 +14,6 @@ import { requireErrorMessage } from 'utils/form/requireErrorMessage';
 import { InviteMemberFormValues } from '../PendingInvitesContainer/index';
 import { SelectDrawer, SpaceContainer, TitleWrapper } from './styles';
 
-const { Option } = Select;
-
 function InviteTeamMembers({ form, onFinish }: Props): JSX.Element {
 	const { t } = useTranslation('organizationsettings');
 
@@ -38,7 +36,13 @@ function InviteTeamMembers({ form, onFinish }: Props): JSX.Element {
 								<Space key={key} direction="horizontal" align="start">
 									<Form.Item
 										name={[name, 'email']}
-										rules={[{ required: true, message: requireErrorMessage('Email') }]}
+										rules={[
+											{
+												required: true,
+												message: requireErrorMessage('Email'),
+												type: 'email',
+											},
+										]}
 									>
 										<Input placeholder={t('email_placeholder')} />
 									</Form.Item>
@@ -47,9 +51,9 @@ function InviteTeamMembers({ form, onFinish }: Props): JSX.Element {
 									</Form.Item>
 									<Form.Item name={[name, 'role']} initialValue="VIEWER">
 										<SelectDrawer>
-											<Option value="ADMIN">ADMIN</Option>
-											<Option value="VIEWER">VIEWER</Option>
-											<Option value="EDITOR">EDITOR</Option>
+											<Select.Option value="ADMIN">ADMIN</Select.Option>
+											<Select.Option value="VIEWER">VIEWER</Select.Option>
+											<Select.Option value="EDITOR">EDITOR</Select.Option>
 										</SelectDrawer>
 									</Form.Item>
 								</Space>