Finish generic error dialog message and send sentry error notification

#98

app/javascript/actions/dialogMessage.js

@@ -1,14 +1,17 @@
 export const types = {
-  SET_ERROR_DIALOG_MESSAGE: 'DIALOG_MESSAGE/SET_ERROR_DIALOG_MESSAGE',
-  CLEAN_DIALOG_MESSAGE: 'DIALOG_MESSAGE/CLEAN_DIALOG_MESSAGE',
+    SET_ERROR_DIALOG_MESSAGE: 'DIALOG_MESSAGE/SET_ERROR_DIALOG_MESSAGE',
+    CLEAN_DIALOG_MESSAGE: 'DIALOG_MESSAGE/CLEAN_DIALOG_MESSAGE',
 };
 
-export const setErrorDialogMessage = (message) => ({
+const DEFAULT_ERROR_MESSAGE = "Oops! Algo deu errado, por favor tente novamente.";
+
+export const setErrorDialogMessage = (error, message = DEFAULT_ERROR_MESSAGE) => ({
     type: types.SET_ERROR_DIALOG_MESSAGE,
     message,
+    error,
 });
 
 export const cleanDialogMessage = () => ({
-  type: types.CLEAN_DIALOG_MESSAGE,
-  message: null,
+    type: types.CLEAN_DIALOG_MESSAGE,
+    message: null,
 });

app/javascript/components/DialogMessage/DialogMessage.jsx

@@ -2,21 +2,27 @@ import React from 'react'
 import SimpleModal from "../SimpleModal/SimpleModal";
 import {createStructuredSelector} from "reselect";
 import {connect} from "react-redux";
+import {cleanDialogMessage} from "../../actions/dialogMessage";
+import * as Sentry from "@sentry/browser";
 
-const DialogMessage = ({dialogMessage}) => {
+const DialogMessage = ({dialogMessage, cleanDialogMessage}) => {
     if (!dialogMessage.message) {
         return null;
     }
 
-    return <SimpleModal show={true}>
-        <p>Errou</p>
+    Sentry.captureException(dialogMessage.error);
+
+    return <SimpleModal show={true} modalClosed={cleanDialogMessage}>
+        <p>{dialogMessage.message}</p>
     </SimpleModal>
 };
 
 const structuredSelector = createStructuredSelector({
     dialogMessage: state => state.dialogMessage,
 });
 
-const mapDispatchToProps = {};
+const mapDispatchToProps = {
+    cleanDialogMessage,
+};
 
 export default connect(structuredSelector, mapDispatchToProps)(DialogMessage);

app/javascript/containers/AdoptionList/AdoptionList.jsx

@@ -63,14 +63,11 @@ class AdoptionList extends React.Component {
                 params: {register_interest: {user_email: userEmail, pet_id: pet.id}}
             })
             .then(() => {
-                console.log('then');
                 this.props.fetchPetsForAdoption(userEmail);
                 this.setState({showAdoptingModal: true});
             })
             .catch((error) => {
-                this.props.setErrorDialogMessage(error);
-                console.log('error');
-                console.log(error);
+                this.props.setErrorDialogMessage({error});
             });
     };
 

app/javascript/reducers/dialogMessage.js

@@ -2,7 +2,8 @@ import { types } from '../actions/dialogMessage';
 
 const dialogMessageReducerDefaultState = {
   type: null,
-  message: null
+  message: null,
+  error: null,
 };
 
 export default (state = dialogMessageReducerDefaultState, action) => {
@@ -11,6 +12,7 @@ export default (state = dialogMessageReducerDefaultState, action) => {
       return {
         ...state,
         message: action.message,
+        error: action.error,
         type: "ERROR",
       };
     case types.CLEAN_DIALOG_MESSAGE: