a whole bunch of things that should be in their own commits

1 files changed, 4 insertions, 3 deletions

diff --git a/frontend/components/ErrorMessage.js b/frontend/components/ErrorMessage.js
index 3731554..c73a2b7 100644
--- a/frontend/components/ErrorMessage.js
+++ b/frontend/components/ErrorMessage.js
@@ -18,14 +18,14 @@ const StyledError = styled.div`
   }
 `;
 
-const DisplayError = ({ error }) => {
+const DisplayError = ({ error, refetch }) => {
   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) => (
       <StyledError key={i}>
         <p>
           <strong>Shoot!</strong>
-          {error.message}
+          {error.message.replace('GraphQL error: ', '')}
         </p>
       </StyledError>
     ));
@@ -34,7 +34,8 @@ const DisplayError = ({ error }) => {
     <StyledError>
       <p>
         <strong>Shoot!</strong>
-        {error.message}
+        {error.message.replace('GraphQL error: ', '')}
+        <button onClick={refetch}>Try Again</button>
       </p>
     </StyledError>
   );