import React from 'react'; import CircularProgress from '@material-ui/core/CircularProgress'; import { BugFragment } from './Bug.generated'; import Timeline from './Timeline'; import { useTimelineQuery } from './TimelineQuery.generated'; type Props = { bug: BugFragment; }; const TimelineQuery = ({ bug }: Props) => { const { loading, error, data } = useTimelineQuery({ variables: { id: bug.id, first: 100, }, }); if (loading) return ; if (error) return

Error: {error}

; const nodes = data?.repository?.bug?.timeline.nodes; if (!nodes) { return null; } return ; }; export default TimelineQuery;