bug(Error message reporting): Fix bug on displaying error on reportin…

…g an article without message

- Users should not be able to report an article without a message
- Load username on loading view an article container

[Finishes #165786018]

src/containers/GetAnArticle.jsx

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
+import { ToastContainer } from 'react-toastify';
 import AnArticle from '../components/AnArticle';
 import Comments from '../components/Comments';
 import { fetchAnArticle, fetchArticleComments } from '../store/actions/commentsActions';
@@ -14,7 +15,12 @@ export class GetAnArticle extends Component {
   }
 
   render() {
-    const { isFetchingArticle, isFetchingComments, errors } = this.props;
+    const { isFetchingArticle, isFetchingComments, errors, isLoggedIn } = this.props;
+    let username = false;
+
+    if (isLoggedIn && username === false) {
+      username = localStorage.getItem('username');
+    }
     if (isFetchingArticle) {
       return (<div className="article-loading">Loading...</div>);
     }
@@ -29,6 +35,7 @@ export class GetAnArticle extends Component {
     return (
       <div className="container an-article">
         <div className="auth">
+          <ToastContainer />
           <AnArticle data={article} />
           <br />
           <hr />
@@ -43,6 +50,7 @@ export class GetAnArticle extends Component {
 GetAnArticle.propTypes = {
   isFetchingArticle: PropTypes.bool.isRequired,
   isFetchingComments: PropTypes.bool.isRequired,
+  isLoggedIn: PropTypes.func.isRequired,
   article: PropTypes.shape({}),
   match: PropTypes.shape({}).isRequired,
   errors: PropTypes.string,
@@ -62,6 +70,7 @@ GetAnArticle.defaultProps = {
 export const mapStateToProps = state => ({
   article: state.getCommentsReducer,
   comments: state.getCommentsReducer,
+  isLoggedIn: state.loginUser.loggedIn,
   errors: state.getCommentsReducer.errors,
   author: state.getCommentsReducer.author,
   isFetchingArticle: state.getCommentsReducer.isFetchingArticle,

src/store/reducers/alertModalReducer.js

@@ -28,6 +28,7 @@ function alertModalReducer(state = initialState, action) {
         ...state,
         message: 'The article has been reported succesfully.',
         colorClass: 'alert-success',
+        isDeleteComment: false,
         showAlert: true,
       });
     default: