From 58177be24334f266af23cea40005e0cf57a72c94 Mon Sep 17 00:00:00 2001
From: sanjay-k1910 <sanjay.khatal@ayanworks.com>
Date: Thu, 19 Oct 2023 13:55:58 +0530
Subject: [PATCH] refactor: restrict user to send invitation to self

Signed-off-by: sanjay-k1910 <sanjay.khatal@ayanworks.com>
---
 .../invitations/SendInvitationModal.tsx       | 54 +++++++++++++++----
 1 file changed, 45 insertions(+), 9 deletions(-)

diff --git a/src/components/organization/invitations/SendInvitationModal.tsx b/src/components/organization/invitations/SendInvitationModal.tsx
index 62a99878c..2daefffab 100644
--- a/src/components/organization/invitations/SendInvitationModal.tsx
+++ b/src/components/organization/invitations/SendInvitationModal.tsx
@@ -6,12 +6,13 @@ import { useEffect, useState } from 'react';
 
 import { AlertComponent } from '../../AlertComponent';
 import type { AxiosResponse } from 'axios';
-import { apiStatusCodes } from '../../../config/CommonConstant';
+import { apiStatusCodes, storageKeys } from '../../../config/CommonConstant';
 import {
 	createEcoSystemInvitations,
 	createInvitations,
 } from '../../../api/invitations';
 import { getOrganizationRoles } from '../../../api/organization';
+import { getFromLocalStorage } from '../../../api/Auth';
 
 interface Values {
 	email: string;
@@ -29,14 +30,18 @@ interface RoleI {
 }
 
 const SendInvitationModal = (props: {
-	getAllSentInvitations?: ()=> void;
-	ecosystemId? : string;
+	getAllSentInvitations?: () => void;
+	ecosystemId?: string;
 	flag?: boolean;
 	openModal: boolean;
 	setMessage: (message: string) => void;
 	setOpenModal: (flag: boolean) => void;
 }) => {
 	const [loading, setLoading] = useState<boolean>(false);
+	const [selfEmail, setSelfEmail] = useState({
+		email: "",
+		error: ""
+	});
 
 	const [invitations, setInvitations] = useState<Invitations[]>([]);
 
@@ -143,6 +148,18 @@ const SendInvitationModal = (props: {
 		}
 		setLoading(false);
 	};
+
+	useEffect(() => {
+		const getEmail = async () => {
+			const email = await getFromLocalStorage(storageKeys.USER_EMAIL)
+			setSelfEmail({
+				...selfEmail,
+				email
+			})
+		}
+		getEmail()
+	}, [])
+
 	return (
 		<Modal
 			size="2xl"
@@ -150,7 +167,7 @@ const SendInvitationModal = (props: {
 			onClose={() => {
 				setInvitations([]);
 				setInitialInvitationData({
-					email:" ",
+					email: " ",
 				});
 				props.setOpenModal(false);
 			}}
@@ -180,6 +197,17 @@ const SendInvitationModal = (props: {
 						values: Values,
 						{ resetForm }: FormikHelpers<Values>,
 					) => {
+						if(values.email === selfEmail.email){
+							setSelfEmail({
+								...selfEmail,
+								error: "You can't send invitation to self."
+							})
+							return
+						}
+						setSelfEmail({
+							...selfEmail,
+							error: ""
+						})
 						await includeInvitation(values);
 						resetForm({ values: initialInvitationData });
 					}}
@@ -195,19 +223,27 @@ const SendInvitationModal = (props: {
 										<Label htmlFor="email2" value="Email" />
 										<span className="text-red-500 text-xs">*</span>
 									</div>
-									<Field
+									<input
 										id="email"
 										name="email"
 										className="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
+										onChange={(e) => {
+											formikHandlers.handleChange(e)
+										}}
 									/>
 									{formikHandlers?.errors?.email &&
-									formikHandlers?.touched?.email ? (
+										formikHandlers?.touched?.email ? (
 										<span className="text-red-500 text-xs">
 											{formikHandlers?.errors?.email}
 										</span>
-									) : (
-										<span className="invisible text-xs">Error</span>
-									)}
+									) : selfEmail.error ?
+										<span className="text-red-500 text-xs">
+											{selfEmail.error}
+										</span>
+										:
+										(
+											<span className="invisible text-xs">Error</span>
+										)}
 								</div>
 
 								<div className="">