rhernandog

// this function assumes that the target is a DOM element
function classToggle(element, name) {
  var target = element.target;
  var classEx = new RegExp(" " + name + "|" + name + " ", "g");

  if (target.classList) {
    // there's support for the class list API
    if (target.classList.contains(name)) {
      target.classList.remove(name);
    } else {

rhernandog

import { gql } from "@apollo/client";

export const ALL_USERS = gql`
  query AllUsers ($searchUserInput: SearchUserInput) {
    allUsers (input: $searchUserInput) {
      id
      name
    }
  }
`;

rhernandog

const Users = () => {
  const [users, setUsers] = useState([]);
  const [nameSearch, setSearchUserInput] = useState("ad");
  const [userTypeFilter, setUserTypeFilter] = useState("all");
  const [fetchUsers, { loading, error, data }] = useLazyQuery(ALL_USERS, {
    variables: {
      input: {
        name: nameSearch,
        userType: userTypeFilter
      }