fixing fetching invitation for specific organization

Author: Ndevu12

src/pages/invitation.tsx

@@ -213,9 +213,15 @@ function Invitation() {
 
   useEffect(() => {
     if (filterVariables.role || filterVariables.status) {
-      filterInvitations();
+      filterInvitations({
+          variables: {
+          role: filterVariables.role || null,
+          status: typeof filterVariables.status === 'string' ? filterVariables.status : null,
+          orgToken: organizationToken,
+        },
+    });
     }
-  }, [filterVariables, filterInvitations]);
+  }, [filterVariables, filterInvitations,organizationToken]);
 
   // Consolidated effect to handle query and search data
   useEffect(() => {
@@ -278,7 +284,10 @@ function Invitation() {
     setError(null);
     setLoading(false);
 
-    setFilterVariables({ role: selectedRole, status: selectedStatus });
+      setFilterVariables({
+      role: selectedRole,
+      status: typeof selectedStatus === 'string' ? selectedStatus : '',
+    });
   };
 
   const toggleOptions = (row: string) => {

src/queries/invitation.queries.tsx

@@ -33,8 +33,8 @@ export const GET_INVITATIONS = gql`
 `;
 
 export const GET_ROLES_AND_STATUSES = gql`
-  query filterInvitations($limit: Int, $offset: Int, $role: String, $status: String) {
-    filterInvitations(limit: $limit, offset: $offset, role: $role, status: $status) {
+  query filterInvitations($limit: Int, $offset: Int, $role: String, $status: String, $orgToken: String!) {
+    filterInvitations(limit: $limit, offset: $offset, role: $role, status: $status, orgToken: $orgToken) {
       invitations {
         invitees {
           email