diff options
author | ludovicm67 <ludovicmuller1@gmail.com> | 2020-02-12 23:09:45 +0100 |
---|---|---|
committer | ludovicm67 <ludovicmuller1@gmail.com> | 2020-02-12 23:09:45 +0100 |
commit | d0a6da286a28e79ae3bb75af41219c4cc4df20b0 (patch) | |
tree | c02a2641c78331a45af4623613136f4cdc51af17 /webui/src/bug/TimelineQuery.tsx | |
parent | c2d18b3a9bec9933d2845ce3cfc6dd5b4f3ff348 (diff) | |
download | git-bug-d0a6da286a28e79ae3bb75af41219c4cc4df20b0.tar.gz |
webui: finish TypeScript conversion
Diffstat (limited to 'webui/src/bug/TimelineQuery.tsx')
-rw-r--r-- | webui/src/bug/TimelineQuery.tsx | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/webui/src/bug/TimelineQuery.tsx b/webui/src/bug/TimelineQuery.tsx new file mode 100644 index 00000000..9c4cf183 --- /dev/null +++ b/webui/src/bug/TimelineQuery.tsx @@ -0,0 +1,30 @@ +import CircularProgress from '@material-ui/core/CircularProgress'; +import React from 'react'; + +import Timeline from './Timeline'; +import { useTimelineQuery } from './TimelineQuery.generated'; + +type Props = { + id: string; +}; + +const TimelineQuery = ({ id }: Props) => { + const { loading, error, data } = useTimelineQuery({ + variables: { + id, + first: 100, + }, + }); + + if (loading) return <CircularProgress />; + if (error) return <p>Error: {error}</p>; + + const nodes = data?.repository?.bug?.timeline.nodes; + if (!nodes) { + return null; + } + + return <Timeline ops={nodes} />; +}; + +export default TimelineQuery; |