diff options
Diffstat (limited to 'frontend/components')
| -rw-r--r-- | frontend/components/ErrorMessage.js | 4 | ||||
| -rw-r--r-- | frontend/components/SingleItem.js | 10 |
2 files changed, 7 insertions, 7 deletions
diff --git a/frontend/components/ErrorMessage.js b/frontend/components/ErrorMessage.js index c73a2b7..5da8d2a 100644 --- a/frontend/components/ErrorMessage.js +++ b/frontend/components/ErrorMessage.js @@ -23,7 +23,7 @@ const DisplayError = ({ error, refetch }) => { if (error.networkError && error.networkError.result && error.networkError.result.errors.length) { return error.networkError.result.errors.map((error, i) => ( <StyledError key={i}> - <p> + <p data-test="graphql-error"> <strong>Shoot!</strong> {error.message.replace('GraphQL error: ', '')} </p> @@ -32,7 +32,7 @@ const DisplayError = ({ error, refetch }) => { } return ( <StyledError> - <p> + <p data-test="graphql-error"> <strong>Shoot!</strong> {error.message.replace('GraphQL error: ', '')} <button onClick={refetch}>Try Again</button> diff --git a/frontend/components/SingleItem.js b/frontend/components/SingleItem.js index a7f9d27..4550b84 100644 --- a/frontend/components/SingleItem.js +++ b/frontend/components/SingleItem.js @@ -1,9 +1,9 @@ import { Query } from 'react-apollo'; import PropTypes from 'prop-types'; import { SINGLE_ITEM_QUERY } from '../queries/queries'; -import Dump from './Dump'; import styled from 'styled-components'; import Link from 'next/link'; +import Dump from './Dump'; import Error from './ErrorMessage'; const SingleItemStyles = styled.div` @@ -22,19 +22,19 @@ const SingleItemStyles = styled.div` const SingleItem = props => ( <Query query={SINGLE_ITEM_QUERY} variables={{ id: props.id }}> - {({ data: { items }, loading, error }) => { + {({ data, loading, error }) => { if (loading) return <p>Loading...</p>; - const [item] = items; + if (error) return <Error error={error} />; + const [item] = data.items; return ( <SingleItemStyles data-test="SingleItem"> - <Error error={error} /> <img src={item.largeImage || item.image} alt={item.title} /> <div className="details"> <h2>Viewing {item.title}</h2> <p>{item.description}</p> <Link href={{ - pathname: '/admin/update', + pathname: '/update', query: { id: item.id }, }} > |