update

Author: pichid

ISSUE_TEMPLATE.md

@@ -1,36 +1,59 @@
-import React, { Component } from 'react';
-import { HashRouter, Route, Switch } from 'react-router-dom';
-import './scss/style.scss';
+import React, { Component } from "react";
+import { HashRouter, Route, Switch } from "react-router-dom";
+import "./scss/style.scss";
 
 const loading = (
   <div className="pt-3 text-center">
     <div className="sk-spinner sk-spinner-pulse"></div>
   </div>
-)
+);
 
 // Containers
-const TheLayout = React.lazy(() => import('./containers/TheLayout'));
+const TheLayout = React.lazy(() => import("./containers/TheLayout"));
 
 // Pages
-const Login = React.lazy(() => import('./views/pages/login/Login'));
-const Register = React.lazy(() => import('./views/pages/register/Register'));
-const Page404 = React.lazy(() => import('./views/pages/page404/Page404'));
-const Page500 = React.lazy(() => import('./views/pages/page500/Page500'));
+const Login = React.lazy(() => import("./views/pages/login/Login"));
+const Register = React.lazy(() => import("./views/pages/register/Register"));
+const Page404 = React.lazy(() => import("./views/pages/page404/Page404"));
+const Page500 = React.lazy(() => import("./views/pages/page500/Page500"));
 
 class App extends Component {
-
   render() {
     return (
       <HashRouter>
-          <React.Suspense fallback={loading}>
-            <Switch>
-              <Route exact path="/login" name="Login Page" render={props => <Login {...props}/>} />
-              <Route exact path="/register" name="Register Page" render={props => <Register {...props}/>} />
-              <Route exact path="/404" name="Page 404" render={props => <Page404 {...props}/>} />
-              <Route exact path="/500" name="Page 500" render={props => <Page500 {...props}/>} />
-              <Route path="/" name="Home" render={props => <TheLayout {...props}/>} />
-            </Switch>
-          </React.Suspense>
+        <React.Suspense fallback={loading}>
+          <Switch>
+            <Route
+              exact
+              path="/login"
+              name="Login Page"
+              render={(props) => <Login {...props} />}
+            />
+            <Route
+              exact
+              path="/register"
+              name="Register Page"
+              render={(props) => <Register {...props} />}
+            />
+            <Route
+              exact
+              path="/404"
+              name="Page 404"
+              render={(props) => <Page404 {...props} />}
+            />
+            <Route
+              exact
+              path="/500"
+              name="Page 500"
+              render={(props) => <Page500 {...props} />}
+            />
+            <Route
+              path="/"
+              name="Home"
+              render={(props) => <TheLayout {...props} />}
+            />
+          </Switch>
+        </React.Suspense>
       </HashRouter>
     );
   }

REACT.md

@@ -1,9 +1,8 @@
-import React from 'react';
-import {shallow} from 'enzyme/build';
-import App from './App';
+import React from "react";
+import { shallow } from "enzyme/build";
+import App from "./App";
 
-
-it('mounts without crashing', () => {
+it("mounts without crashing", () => {
   const wrapper = shallow(<App />);
-  wrapper.unmount()
+  wrapper.unmount();
 });

README.md

@@ -1,19 +1,15 @@
-import React, { Suspense } from 'react'
-import {
-  Redirect,
-  Route,
-  Switch
-} from 'react-router-dom'
-import { CContainer, CFade } from '@coreui/react'
+import React, { Suspense } from "react";
+import { Redirect, Route, Switch } from "react-router-dom";
+import { CContainer, CFade } from "@coreui/react";
 
 // routes config
-import routes from '../routes'
-  
+import routes from "../routes";
+
 const loading = (
   <div className="pt-3 text-center">
     <div className="sk-spinner sk-spinner-pulse"></div>
   </div>
-)
+);
 
 const TheContent = () => {
   return (
@@ -22,25 +18,28 @@ const TheContent = () => {
         <Suspense fallback={loading}>
           <Switch>
             {routes.map((route, idx) => {
-              return route.component && (
-                <Route
-                  key={idx}
-                  path={route.path}
-                  exact={route.exact}
-                  name={route.name}
-                  render={props => (
-                    <CFade>
-                      <route.component {...props} />
-                    </CFade>
-                  )} />
-              )
+              return (
+                route.component && (
+                  <Route
+                    key={idx}
+                    path={route.path}
+                    exact={route.exact}
+                    name={route.name}
+                    render={(props) => (
+                      <CFade>
+                        <route.component {...props} />
+                      </CFade>
+                    )}
+                  />
+                )
+              );
             })}
             <Redirect from="/" to="/dashboard" />
           </Switch>
         </Suspense>
       </CContainer>
     </main>
-  )
-}
+  );
+};
 
-export default React.memo(TheContent)
+export default React.memo(TheContent);