fixing fetching invitation for specific organization

Author: Ndevu12

src/pages/invitation.tsx

@@ -141,15 +141,20 @@ function Invitation() {
       filterInvitations,
       { data: filterData, loading: filterLoad, error: filterError },
     ] = useLazyQuery(GET_ROLES_AND_STATUSES, {
-      variables: filterVariables,
       fetchPolicy: 'network-only',
     });
 
-  useEffect(() => {
-    if (filterVariables.role || filterVariables.status) {
-      filterInvitations();
-    }
-  }, [filterVariables, filterInvitations]);
+    useEffect(() => {
+      if (filterVariables.role || filterVariables.status) {
+        filterInvitations({
+          variables: {
+            role: filterVariables.role,
+            status: filterVariables.status,
+            orgToken: organizationToken,
+          },
+        });
+      }
+    }, [filterVariables, filterInvitations, organizationToken]);
 
   useEffect(() => {
     if (queryLoading || searchLoading || filterLoad) {

src/queries/invitation.queries.tsx

@@ -33,9 +33,10 @@ 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 {
+      orgToken
         invitees {
           email
           role