-
{title}
-
-
- {`${readTime} `}
-
+ render() {
+ const {
+ title, articleBody, views, readTime, author, userId, slug,
+ } = this.props;
+ const { isVisible } = this.state;
+
+ let viewInfo = 'Views';
+ const URL = `/profile/${userId}`;
+
+ if (views < 2) {
+ viewInfo = 'View';
+ }
+
+ let { imageUrl } = this.props;
+
+ const backupImage = 'https://i1.wp.com/www.africanbusinesscentral.com/wp-content/uploads/2018/07/Andela.jpeg';
+
+ if (imageUrl === '') {
+ imageUrl = backupImage;
+ }
+
+ return (
+
+
{title}
+
+
+ {`${readTime} `}
+
min read
-
-
-
-
- {views}
-
- {viewInfo}
-
-
-
-
-
- Author
+
+
+
+
+ {views}
- {` ${author}`}
+ {viewInfo}
-
- {
+
+
+
+
+ Author
+
+ {` ${author}`}
+
+
+ {
userId === decodeToken().id
- && (
-
-
Edit
-
- )
- }
-
-
-
-
+ && (
+
+
+
+
+ Edit
+
+
+
+ )
+ }
-
- {articleBody}
+
+
+
+
+
+ {articleBody}
+
+
+ Are you sure you want to delete this article?
+
+
+
+
+
-
- );
-};
+ );
+ }
+}
-mainArticle.propTypes = {
+MainArticle.propTypes = {
title: PropTypes.string,
articleBody: PropTypes.string,
imageUrl: PropTypes.string,
views: PropTypes.number,
author: PropTypes.string,
readTime: PropTypes.number,
+ deleteArticle: PropTypes.func.isRequired,
userId: PropTypes.number.isRequired,
+ response: PropTypes.string,
+ error: PropTypes.string,
+ slug: PropTypes.string,
+ history: PropTypes.shape({
+ goBack: PropTypes.func,
+ }),
};
-mainArticle.defaultProps = {
+MainArticle.defaultProps = {
imageUrl: '',
title: '',
articleBody: '',
views: 0,
author: '',
readTime: 0,
+ response: 'success',
+ error: 'error',
+ slug: 'valid-slug-84jfb4ur',
+ history: {
+ goBack: () => {},
+ },
+};
+
+const mapStateToProps = (state) => {
+ const { article, err } = state;
+ const { response } = article;
+ const { error } = err;
+ return {
+ response,
+ error,
+ };
};
-export default mainArticle;
+export default withRouter(connect(mapStateToProps, { deleteArticle })(MainArticle));
diff --git a/src/helpers/helpers.js b/src/helpers/helpers.js
index f27727b..abeef9b 100644
--- a/src/helpers/helpers.js
+++ b/src/helpers/helpers.js
@@ -93,6 +93,17 @@ class Helpers {
history.push('/dashboard');
}
}
+
+ /**
+ * @memberof Helpers
+ * @static
+ * @description - redirects the page to dashboard
+ * @param {boolean} authFlag - authentication flag
+ * @param {object} history - the history object
+ */
+ static setAppElement(env, Modal) {
+ if (env !== 'test') Modal.setAppElement('#root');
+ }
}
export default Helpers;
diff --git a/src/reducers/articleReducer.js b/src/reducers/articleReducer.js
index 2da0fce..efa7de1 100644
--- a/src/reducers/articleReducer.js
+++ b/src/reducers/articleReducer.js
@@ -2,6 +2,7 @@ import {
FETCH_ARTICLES,
SET_LOADING,
SET_CURRENT_ARTICLES,
+ DELETE_ARTICLE_SUCCESS,
} from '../actions/types';
const initialState = {
@@ -9,6 +10,7 @@ const initialState = {
currentArticles: [],
allArticles: [],
loading: false,
+ response: null,
};
const articleReducer = (state = initialState, action) => {
@@ -29,6 +31,12 @@ const articleReducer = (state = initialState, action) => {
loading: false,
};
+ case DELETE_ARTICLE_SUCCESS:
+ return {
+ ...state,
+ response: payload,
+ };
+
case SET_LOADING:
return {
...state,