common components changed to new foler

Author: vigneshwaran-chandrasekaran

src/components/common/ErrorBoundary.js

@@ -0,0 +1,28 @@
+import React, { Component } from 'react';
+
+export default class ErrorBoundary extends Component {
+	constructor(props) {
+		super(props);
+		this.state = { hasError: false };
+	}
+
+	static getDerivedStateFromError(error) {
+		console.log(error);
+		// Update state so the next render will show the fallback UI.
+		return { hasError: true };
+	}
+
+	componentDidCatch(error, errorInfo) {
+		// You can also log the error to an error reporting service
+		console.log(error, errorInfo);
+	}
+
+	render() {
+		if (this.state.hasError) {
+			// You can render any custom fallback UI
+			return <h1>Something went wrong.</h1>;
+		}
+
+		return this.props.children;
+	}
+}

src/components/routes/Loader.js renamed to src/components/common/Loader.js

@@ -0,0 +1,2 @@
+export { default as ErrorBoundary } from './ErrorBoundary';
+export { default as Loader } from './Loader';

src/components/common/index.js

@@ -1,3 +1,2 @@
 export { default as AuthRoute } from './AuthRoute';
-export { default as Loader } from './Loader';
 export { default as PrivateRoute } from './PrivateRoute';

src/components/routes/index.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import { Layout } from 'antd';
 import { BrowserRouter, Switch, Route } from 'react-router-dom';
-import { AuthRoute, PrivateRoute, Loader } from './components/routes';
+import { AuthRoute, PrivateRoute } from './components/routes';
+import { Loader } from './components/common';
+
 import * as Pages from './pages';
 
 const { Content } = Layout;