From cbe81df74809068e11a92f0b881f855e5f4beb5d Mon Sep 17 00:00:00 2001
From: meetul <meetulrathore98@gmail.com>
Date: Sat, 2 Nov 2024 08:37:56 +0530
Subject: [PATCH] add useEffect

---
 src/components/AddPeopleToTag/AddPeopleToTag.tsx  | 9 ++++++++-
 src/screens/OrganizationTags/OrganizationTags.tsx | 6 +++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/AddPeopleToTag/AddPeopleToTag.tsx b/src/components/AddPeopleToTag/AddPeopleToTag.tsx
index deeb1f7b65..6c8e966cf5 100644
--- a/src/components/AddPeopleToTag/AddPeopleToTag.tsx
+++ b/src/components/AddPeopleToTag/AddPeopleToTag.tsx
@@ -3,7 +3,7 @@ import type { GridCellParams, GridColDef } from '@mui/x-data-grid';
 import { DataGrid } from '@mui/x-data-grid';
 import { USER_TAGS_MEMBERS_TO_ASSIGN_TO } from 'GraphQl/Queries/userTagQueries';
 import type { ChangeEvent } from 'react';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Modal, Form, Button } from 'react-bootstrap';
 import { useParams } from 'react-router-dom';
 import type { InterfaceQueryUserTagsMembersToAssignTo } from 'utils/interfaces';
@@ -63,6 +63,7 @@ const AddPeopleToTag: React.FC<InterfaceAddPeopleToTagProps> = ({
     data: userTagsMembersToAssignToData,
     loading: userTagsMembersToAssignToLoading,
     error: userTagsMembersToAssignToError,
+    refetch: userTagsMembersToAssignToRefetch,
     fetchMore: fetchMoreMembersToAssignTo,
   }: InterfaceTagUsersToAssignToQuery = useQuery(
     USER_TAGS_MEMBERS_TO_ASSIGN_TO,
@@ -79,6 +80,12 @@ const AddPeopleToTag: React.FC<InterfaceAddPeopleToTagProps> = ({
     },
   );
 
+  useEffect(() => {
+    setMemberToAssignToSearchFirstName('');
+    setMemberToAssignToSearchLastName('');
+    userTagsMembersToAssignToRefetch();
+  }, [addPeopleToTagModalIsOpen]);
+
   const loadMoreMembersToAssignTo = (): void => {
     fetchMoreMembersToAssignTo({
       variables: {
diff --git a/src/screens/OrganizationTags/OrganizationTags.tsx b/src/screens/OrganizationTags/OrganizationTags.tsx
index 93838c25bc..b8de059235 100644
--- a/src/screens/OrganizationTags/OrganizationTags.tsx
+++ b/src/screens/OrganizationTags/OrganizationTags.tsx
@@ -5,7 +5,7 @@ import Loader from 'components/Loader/Loader';
 import IconComponent from 'components/IconComponent/IconComponent';
 import { useNavigate, useParams, Link } from 'react-router-dom';
 import type { ChangeEvent } from 'react';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Form } from 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
 import Dropdown from 'react-bootstrap/Dropdown';
@@ -121,6 +121,10 @@ function OrganizationTags(): JSX.Element {
     });
   };
 
+  useEffect(() => {
+    orgUserTagsRefetch();
+  }, []);
+
   const [create, { loading: createUserTagLoading }] =
     useMutation(CREATE_USER_TAG);