Styles

1 files changed, 7 insertions, 4 deletions

diff --git a/frontend/components/ErrorMessage.js b/frontend/components/ErrorMessage.js
index d65f51d..52d59a8 100644
--- a/frontend/components/ErrorMessage.js
+++ b/frontend/components/ErrorMessage.js
@@ -18,7 +18,7 @@ const ErrorStyles = styled.div`
   }
 `;
 
-const DisplayError = ({ error, refetch }) => {
+const DisplayError = ({ error }) => {
   if (!error || !error.message) return null;
   if (error.networkError && error.networkError.result && error.networkError.result.errors.length) {
     return error.networkError.result.errors.map((error, i) => (
@@ -31,16 +31,19 @@ const DisplayError = ({ error, refetch }) => {
     ));
   }
   return (
-    <StyledError>
+    <ErrorStyles>
       <p data-test="graphql-error">
         <strong>Shoot!</strong>
         {error.message.replace('GraphQL error: ', '')}
-        <button onClick={refetch}>Try Again</button>
       </p>
-    </StyledError>
+    </ErrorStyles>
   );
 };
 
+DisplayError.defaultProps = {
+  error: {},
+};
+
 DisplayError.propTypes = {
   error: PropTypes.object,
 };