diff options
| -rw-r--r-- | webui/src/Bug.js | 13 | ||||
| -rw-r--r-- | webui/src/BugPage.js | 10 | ||||
| -rw-r--r-- | webui/src/ListPage.js | 17 |
3 files changed, 27 insertions, 13 deletions
diff --git a/webui/src/Bug.js b/webui/src/Bug.js index 28558a13..f8699fc4 100644 --- a/webui/src/Bug.js +++ b/webui/src/Bug.js @@ -17,8 +17,8 @@ const Bug = ({ bug, classes }) => ( <main className={classes.main}> <BugSummary bug={bug} /> - {bug.comments.map((comment, index) => ( - <Comment key={index} comment={comment} /> + {bug.comments.edges.map(({ cursor, node }) => ( + <Comment key={cursor} comment={node} /> ))} </main> ); @@ -26,8 +26,13 @@ const Bug = ({ bug, classes }) => ( Bug.fragment = gql` fragment Bug on Bug { ...BugSummary - comments { - ...Comment + comments(input: { first: 10 }) { + edges { + cursor + node { + ...Comment + } + } } } diff --git a/webui/src/BugPage.js b/webui/src/BugPage.js index ec0872eb..0f415841 100644 --- a/webui/src/BugPage.js +++ b/webui/src/BugPage.js @@ -7,9 +7,11 @@ import CircularProgress from "@material-ui/core/CircularProgress"; import Bug from "./Bug"; const QUERY = gql` - query GetBug($id: BugID!) { - bug(id: $id) { - ...Bug + query GetBug($id: String!) { + defaultRepository { + bug(prefix: $id) { + ...Bug + } } } @@ -21,7 +23,7 @@ const BugPage = ({ match }) => ( {({ loading, error, data }) => { if (loading) return <CircularProgress />; if (error) return <p>Error.</p>; - return <Bug bug={data.bug} />; + return <Bug bug={data.defaultRepository.bug} />; }} </Query> ); diff --git a/webui/src/ListPage.js b/webui/src/ListPage.js index c873eefa..836acda5 100644 --- a/webui/src/ListPage.js +++ b/webui/src/ListPage.js @@ -9,8 +9,15 @@ import BugSummary from "./BugSummary"; const QUERY = gql` { - bugs: allBugs { - ...BugSummary + defaultRepository { + bugs: allBugs(input: { first: 10 }) { + edges { + cursor + node { + ...BugSummary + } + } + } } } @@ -27,8 +34,8 @@ const styles = theme => ({ const List = withStyles(styles)(({ bugs, classes }) => ( <main className={classes.main}> - {bugs.map(bug => ( - <BugSummary bug={bug} key={bug.id} /> + {bugs.edges.map(({ cursor, node }) => ( + <BugSummary bug={node} key={cursor} /> ))} </main> )); @@ -38,7 +45,7 @@ const ListPage = () => ( {({ loading, error, data }) => { if (loading) return <CircularProgress />; if (error) return <p>Error.</p>; - return <List bugs={data.bugs} />; + return <List bugs={data.defaultRepository.bugs} />; }} </Query> ); |