styles: improve syntax using prettier

Author: mrholek

src/App.js

@@ -1,6 +1,6 @@
-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">
@@ -9,31 +9,35 @@ const loading = (
 )
 
 // Containers
-const DefaultLayout = React.lazy(() => import('./layout/DefaultLayout'));
+const DefaultLayout = React.lazy(() => import('./layout/DefaultLayout'))
 
 // 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 => <DefaultLayout {...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) => <DefaultLayout {...props} />} />
+          </Switch>
+        </React.Suspense>
       </HashRouter>
-    );
+    )
   }
 }
 
-export default App;
+export default App

src/App.test.js

@@ -4,18 +4,17 @@ import App from './App'
 import ChartLineSimple from './views/charts/ChartLineSimple'
 import Dashboard from './views/dashboard/Dashboard.js'
 
-
 it('mounts App without crashing', () => {
-  const wrapper = shallow(<App/>)
+  const wrapper = shallow(<App />)
   wrapper.unmount()
 })
 
 it('mounts Dashboard without crashing', () => {
-  const wrapper = shallow(<Dashboard/>)
+  const wrapper = shallow(<Dashboard />)
   wrapper.unmount()
 })
 
 it('mounts Charts without crashing', () => {
-  const wrapper = shallow(<ChartLineSimple/> )
+  const wrapper = shallow(<ChartLineSimple />)
   wrapper.unmount()
 })

src/assets/icons/index.js

@@ -26,16 +26,9 @@ import {
   cibStripe,
   cibPaypal,
   cibGooglePay,
-  cibCcAmex
-} from '@coreui/icons'
-import {
-  cifUs,
-  cifBr,
-  cifIn,
-  cifFr,
-  cifEs,
-  cifPl
+  cibCcAmex,
 } from '@coreui/icons'
+import { cifUs, cifBr, cifIn, cifFr, cifEs, cifPl } from '@coreui/icons'
 import {
   cilAlignCenter,
   cilAlignLeft,
@@ -127,135 +120,141 @@ import {
   cilUserUnfollow,
   cilX,
   cilXCircle,
-  cilWarning
+  cilWarning,
 } from '@coreui/icons'
 
-export const icons = Object.assign({}, {
-  sygnet,
-  logo,
-  logoNegative
-}, {
-  cilAlignCenter,
-  cilAlignLeft,
-  cilAlignRight,
-  cilApplicationsSettings,
-  cilArrowRight,
-  cilArrowTop,
-  cilAsterisk,
-  cilBan,
-  cilBasket,
-  cilBell,
-  cilBold,
-  cilBookmark,
-  cilCalculator,
-  cilCalendar,
-  cilCloudDownload,
-  cilChartPie,
-  cilCheck,
-  cilChevronBottom,
-  cilChevronLeft,
-  cilChevronRight,
-  cilChevronTop,
-  cilCircle,
-  cilCheckCircle,
-  cilCode,
-  cilCommentSquare,
-  cilCreditCard,
-  cilCursor,
-  cilCursorMove,
-  cilDrop,
-  cilDollar,
-  cilEnvelopeClosed,
-  cilEnvelopeLetter,
-  cilEnvelopeOpen,
-  cilEuro,
-  cilGlobeAlt,
-  cilGrid,
-  cilFile,
-  cilFullscreen,
-  cilFullscreenExit,
-  cilGraph,
-  cilHome,
-  cilInbox,
-  cilIndentDecrease,
-  cilIndentIncrease,
-  cilInputPower,
-  cilItalic,
-  cilJustifyCenter,
-  cilJustifyLeft,
-  cilLaptop,
-  cilLayers,
-  cilLightbulb,
-  cilList,
-  cilListNumbered,
-  cilListRich,
-  cilLocationPin,
-  cilLockLocked,
-  cilMagnifyingGlass,
-  cilMap,
-  cilMoon,
-  cilNotes,
-  cilOptions,
-  cilPaperclip,
-  cilPaperPlane,
-  cilPencil,
-  cilPeople,
-  cilPhone,
-  cilPrint,
-  cilPuzzle,
-  cilSave,
-  cilScrubber,
-  cilSettings,
-  cilShare,
-  cilShareAll,
-  cilShareBoxed,
-  cilShieldAlt,
-  cilSpeech,
-  cilSpeedometer,
-  cilSpreadsheet,
-  cilStar,
-  cilSun,
-  cilTags,
-  cilTask,
-  cilTrash,
-  cilUnderline,
-  cilUser,
-  cilUserFemale,
-  cilUserFollow,
-  cilUserUnfollow,
-  cilX,
-  cilXCircle,
-  cilWarning
-}, {
-  cifUs,
-  cifBr,
-  cifIn,
-  cifFr,
-  cifEs,
-  cifPl
-}, {
-  cibSkype,
-  cibFacebook,
-  cibTwitter,
-  cibLinkedin,
-  cibFlickr,
-  cibTumblr,
-  cibXing,
-  cibGithub,
-  cibStackoverflow,
-  cibYoutube,
-  cibDribbble,
-  cibInstagram,
-  cibPinterest,
-  cibVk,
-  cibYahoo,
-  cibBehance,
-  cibReddit,
-  cibVimeo,
-  cibCcMastercard,
-  cibCcVisa,
-  cibStripe,
-  cibPaypal,
-  cibGooglePay,
-  cibCcAmex
-})
+export const icons = Object.assign(
+  {},
+  {
+    sygnet,
+    logo,
+    logoNegative,
+  },
+  {
+    cilAlignCenter,
+    cilAlignLeft,
+    cilAlignRight,
+    cilApplicationsSettings,
+    cilArrowRight,
+    cilArrowTop,
+    cilAsterisk,
+    cilBan,
+    cilBasket,
+    cilBell,
+    cilBold,
+    cilBookmark,
+    cilCalculator,
+    cilCalendar,
+    cilCloudDownload,
+    cilChartPie,
+    cilCheck,
+    cilChevronBottom,
+    cilChevronLeft,
+    cilChevronRight,
+    cilChevronTop,
+    cilCircle,
+    cilCheckCircle,
+    cilCode,
+    cilCommentSquare,
+    cilCreditCard,
+    cilCursor,
+    cilCursorMove,
+    cilDrop,
+    cilDollar,
+    cilEnvelopeClosed,
+    cilEnvelopeLetter,
+    cilEnvelopeOpen,
+    cilEuro,
+    cilGlobeAlt,
+    cilGrid,
+    cilFile,
+    cilFullscreen,
+    cilFullscreenExit,
+    cilGraph,
+    cilHome,
+    cilInbox,
+    cilIndentDecrease,
+    cilIndentIncrease,
+    cilInputPower,
+    cilItalic,
+    cilJustifyCenter,
+    cilJustifyLeft,
+    cilLaptop,
+    cilLayers,
+    cilLightbulb,
+    cilList,
+    cilListNumbered,
+    cilListRich,
+    cilLocationPin,
+    cilLockLocked,
+    cilMagnifyingGlass,
+    cilMap,
+    cilMoon,
+    cilNotes,
+    cilOptions,
+    cilPaperclip,
+    cilPaperPlane,
+    cilPencil,
+    cilPeople,
+    cilPhone,
+    cilPrint,
+    cilPuzzle,
+    cilSave,
+    cilScrubber,
+    cilSettings,
+    cilShare,
+    cilShareAll,
+    cilShareBoxed,
+    cilShieldAlt,
+    cilSpeech,
+    cilSpeedometer,
+    cilSpreadsheet,
+    cilStar,
+    cilSun,
+    cilTags,
+    cilTask,
+    cilTrash,
+    cilUnderline,
+    cilUser,
+    cilUserFemale,
+    cilUserFollow,
+    cilUserUnfollow,
+    cilX,
+    cilXCircle,
+    cilWarning,
+  },
+  {
+    cifUs,
+    cifBr,
+    cifIn,
+    cifFr,
+    cifEs,
+    cifPl,
+  },
+  {
+    cibSkype,
+    cibFacebook,
+    cibTwitter,
+    cibLinkedin,
+    cibFlickr,
+    cibTumblr,
+    cibXing,
+    cibGithub,
+    cibStackoverflow,
+    cibYoutube,
+    cibDribbble,
+    cibInstagram,
+    cibPinterest,
+    cibVk,
+    cibYahoo,
+    cibBehance,
+    cibReddit,
+    cibVimeo,
+    cibCcMastercard,
+    cibCcVisa,
+    cibStripe,
+    cibPaypal,
+    cibGooglePay,
+    cibCcAmex,
+  },
+)