1import CircularProgress from '@material-ui/core/CircularProgress';
 2import gql from 'graphql-tag';
 3import React from 'react';
 4import { Query } from 'react-apollo';
 5
 6import Bug from './Bug';
 7
 8const QUERY = gql`
 9  query GetBug($id: String!) {
10    defaultRepository {
11      bug(prefix: $id) {
12        ...Bug
13      }
14    }
15  }
16
17  ${Bug.fragment}
18`;
19
20const BugQuery = ({ match }) => (
21  <Query query={QUERY} variables={{ id: match.params.id }}>
22    {({ loading, error, data }) => {
23      if (loading) return <CircularProgress />;
24      if (error) return <p>Error: {error}</p>;
25      return <Bug bug={data.defaultRepository.bug} />;
26    }}
27  </Query>
28);
29
30export default BugQuery;