aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/pages/bug/BugQuery.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/pages/bug/BugQuery.tsx')
-rw-r--r--webui/src/pages/bug/BugQuery.tsx23
1 files changed, 23 insertions, 0 deletions
diff --git a/webui/src/pages/bug/BugQuery.tsx b/webui/src/pages/bug/BugQuery.tsx
new file mode 100644
index 00000000..2a70a2f8
--- /dev/null
+++ b/webui/src/pages/bug/BugQuery.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { RouteComponentProps } from 'react-router-dom';
+
+import CircularProgress from '@material-ui/core/CircularProgress';
+
+import Bug from './Bug';
+import { useGetBugQuery } from './BugQuery.generated';
+
+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?.repository?.bug) return <p>404.</p>;
+ return <Bug bug={data.repository.bug} />;
+};
+
+export default BugQuery;