aboutsummaryrefslogblamecommitdiffstats
path: root/webui/src/bug/BugQuery.tsx
blob: b436db5a948e1a8cd8ca4d289da4553a9d55cef9 (plain) (tree)
1
2
3
4
5
6
7
8
9







                                                                  
             


                                                         


                                                   






                                                        
import CircularProgress from '@material-ui/core/CircularProgress';
import React from 'react';
import { RouteComponentProps } from 'react-router-dom';

import { useGetBugQuery } from './BugQuery.generated';
import Bug from './Bug';

type Props = RouteComponentProps<{
  id: string;
}>;

const BugQuery: React.FC<Props> = ({ match }: Props) => {
  const { loading, error, data } = useGetBugQuery({
    variables: { id: match.params.id },
  });
  if (loading) return <CircularProgress />;
  if (error) return <p>Error: {error}</p>;
  if (!data?.defaultRepository?.bug) return <p>404.</p>;
  return <Bug bug={data.defaultRepository.bug} />;
};

export default BugQuery;