issue #578 Error message UI fix

.github/CONTRIBUTION/CONTRIBUTION.md

@@ -1,5 +1,7 @@
 ### Contributing.
 
+**IMP:** Please create a new branch from ```develop``` not from ```master```, and also create a pull request to ```develop``` not to ```master```. 
+
 1. Create your **branch**: ```git checkout -b my-new-feature```
 
 2. **Commit** your changes: ```git commit -m 'Add some feature'```
@@ -44,3 +46,6 @@ A pluggable and configurable linter tool for identifying and reporting on patter
  ``` npm run lint ```
 
  ``` npm run lint:fix ```
+
+
+**IMP:** Please don't commit your ```package-lock.json``` until & unless you are not adding a new package.

src/ignitus-Api/constants.ts

@@ -6,7 +6,7 @@ export const STUDENT_SIGN_IN = `${BASE_URL}/login`;
 
 export const FRONTEND_CONTRIBUTOR_API = 'https://api.github.com/repos/Ignitus/Ignitus-Client-Side-Development/contributors?per_page=14';
 
-export const BACKEND_CONTRIBUTOR_API = 'https://api.github.com/repos/Ignitus/Ignitus-rest-api/contributors';
+export const BACKEND_CONTRIBUTOR_API = 'https://api.github.com/repos/Ignitus/Ignitus-rest-api/';
 
 export const CONTRIBUTORS_STORE = 'contributors';
 export const TESTIMONIALS_STORE = 'testimonials';

src/ignitus-Shared/Components/errorBoundary/index.js

@@ -24,8 +24,20 @@ export class ErrorBoundary extends React.Component {
     if (errorInfo) {
       return (
         <div className="container">
-          <h2>Something went wrong.</h2>
-          <details style={{ whiteSpace: 'pre-wrap' }}>
+          <h2
+            style={{ textAlign: 'center', marginTop: '4em', color: '#000066' }}
+          >
+            Unable to render the component!
+          </h2>
+          <h5 style={{ textAlign: 'center', marginTop: '20px' }}>
+            This can happen if you are not connected to internet or if an underlying
+            <br />
+            system or component is not rendered due to some bug.
+          </h5>
+          <details style={{
+            whiteSpace: 'pre-wrap', fontSize: '15px', marginBottom: '4em', marginRight: '530px', marginLeft: '220px',
+          }}
+          >
             {error && error.toString()}
             <br />
             {errorInfo.componentStack}