Skip to content
This repository has been archived by the owner on Apr 19, 2023. It is now read-only.

1.9.0

Compare
Choose a tag to compare
@slaskis slaskis released this 18 Jan 15:49
8c49e5b

Minor Changes

  • Added skip functionality: e25943f

Example usage:

const SearchResult = ({ q }) => (
  <div>
    <Query
      gql={SearchQuery}
      variables={{ q }}
      skip={q.length < 2} // or as func: skip={vars => vars.q.length < 2}
    >
      {({ data: { results }, loading, skipped }) =>
        skipped || !results ? (
          <span>
            Enter more than 2 characters (hint: try "he" or "ol" or "lo")
          </span>
        ) : loading ? (
          <span>Getting your stuffs!</span>
        ) : !results.length ? (
          <span>No results...try something shorter</span>
        ) : (
          <ol>
            {results.map(({ id, description }) => (
              <li key={id}>{description}</li>
            ))}
          </ol>
        )
      }
    </Query>
  </div>
);