1import React from 'react';
 2import { RouteComponentProps } from 'react-router-dom';
 3
 4import CircularProgress from '@material-ui/core/CircularProgress';
 5
 6import Bug from './Bug';
 7import { useGetBugQuery } from './BugQuery.generated';
 8
 9type Props = RouteComponentProps<{
10  id: string;
11}>;
12
13const BugQuery: React.FC<Props> = ({ match }: Props) => {
14  const { loading, error, data } = useGetBugQuery({
15    variables: { id: match.params.id },
16  });
17  if (loading) return <CircularProgress />;
18  if (error) return <p>Error: {error}</p>;
19  if (!data?.repository?.bug) return <p>404.</p>;
20  return <Bug bug={data.repository.bug} />;
21};
22
23export default BugQuery;