modal form rewrite process started

Author: vigneshwaran-chandrasekaran

src/components/common/ErrorBoundary.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import { Link } from 'react-router-dom';
 
 export default class ErrorBoundary extends Component {
 	constructor(props) {
@@ -20,7 +21,14 @@ export default class ErrorBoundary extends Component {
 	render() {
 		if (this.state.hasError) {
 			// You can render any custom fallback UI
-			return <h1>Something went wrong.</h1>;
+			return (
+				<div className="center">
+					<h1 className="center p-20 warn gr-bc">
+						Sorry something went wrong.
+					</h1>
+					<Link to="/logout">Logout</Link>
+				</div>
+			);
 		}
 
 		return this.props.children;

src/forms/todo/todo.form.js

@@ -182,9 +182,9 @@ function TodoForm({ onClose, editMode = false, editableTodoData = {} }) {
 }
 
 TodoForm.propTypes = {
-	editMode: PropTypes.bool.isRequired,
 	onClose: PropTypes.func.isRequired,
-	editableTodoData: PropTypes.object.isRequired,
+	// editMode: PropTypes.bool.isRequired,
+	// editableTodoData: PropTypes.object.isRequired,
 };
 
 export { TodoForm };

src/store/reducers/api.reducer.js

@@ -1,7 +1,6 @@
 const initialState = {
 	showLoader: false,
 	status: null,
-	notification: null,
 	todoListUpdated: '',
 	editTodoData: {},
 };
@@ -18,8 +17,6 @@ export function api(state = initialState, action) {
 			return { ...state, showLoader: true };
 		case 'HIDE_LOADER':
 			return { ...state, showLoader: false };
-		case 'NOTIFICATION_REF':
-			return { ...state, notification: action.reference };
 		case 'UPDATE_TODO_LIST':
 			return { ...state, todoListUpdated: action.payload };
 		case 'EDIT_TODO':

src/store/reducers/index.js

@@ -16,7 +16,6 @@ const rootReducer = (state, action) => {
 			api: {
 				showLoader: false,
 				status: null,
-				notification: state.api.notification,
 			},
 			history: {
 				recent: '/login',