From 1fc599eb7f6fa1eddbbb34c8a7c6af5da2b43c7f Mon Sep 17 00:00:00 2001
From: Anton Cherniavskyi <anton.cherniavskyi@djangostars.com>
Date: Fri, 18 Jun 2021 11:26:15 +0300
Subject: [PATCH] Fix linter errors

---
 init-env.js                                  |  2 +-
 src/app/common/forms/BaseFieldLayout.js      | 12 ++++++------
 src/app/common/forms/FormPanel.js            |  4 ++--
 src/app/common/forms/inputs/CheckboxInput.js |  4 ++--
 src/app/common/forms/inputs/DateInput.js     |  2 +-
 src/app/common/forms/inputs/NumberInput.js   |  2 +-
 src/app/common/forms/inputs/RadiosInput.js   |  4 ++--
 src/app/common/modals/ModalTrigger.js        |  2 +-
 src/app/common/widgets/Loading.jsx           |  2 +-
 src/app/common/widgets/Wizard.js             |  8 ++++----
 src/app/layouts/Header.jsx                   |  2 +-
 src/app/layouts/layout.scss                  |  4 ++--
 src/styles/_variables.scss                   |  4 ++--
 13 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/init-env.js b/init-env.js
index 28b77482..907c36bf 100644
--- a/init-env.js
+++ b/init-env.js
@@ -2,7 +2,7 @@ import dotenv from 'dotenv'
 import packageConfig from './package.json'
 import dotenvExpand from 'dotenv-expand'
 
-if(!Boolean(process.env.APP_NAME)) {
+if(!process.env.APP_NAME) {
   // set APP_NAME from package.json
   process.env.APP_NAME = packageConfig.name
 }
diff --git a/src/app/common/forms/BaseFieldLayout.js b/src/app/common/forms/BaseFieldLayout.js
index 4a6d73c4..43e3aeb4 100644
--- a/src/app/common/forms/BaseFieldLayout.js
+++ b/src/app/common/forms/BaseFieldLayout.js
@@ -40,16 +40,16 @@ export default function BaseFieldLayout({
   const formattedError = useMemo(() => Array.isArray(error) ? error[0] : error, [error])
 
   return (
-    <div className='form-group'>
+    <div className="form-group">
       {label && (
-        <label className='control-label'>
+        <label className="control-label">
           {label}
-          {required && <span className='control-asterisk'>*</span>}
+          {required && <span className="control-asterisk">*</span>}
         </label>
       )}
-      <div className='control-field'>
-        <div className='control-element'>
-          {prefix && <div className='control-prefix'>{prefix}</div>}
+      <div className="control-field">
+        <div className="control-element">
+          {prefix && <div className="control-prefix">{prefix}</div>}
           <InputComponent
             required={required}
             {...rest}
diff --git a/src/app/common/forms/FormPanel.js b/src/app/common/forms/FormPanel.js
index e5259049..13cfdd5a 100644
--- a/src/app/common/forms/FormPanel.js
+++ b/src/app/common/forms/FormPanel.js
@@ -18,8 +18,8 @@ export default function FormPanel(props) {
   return (
     <Panel defaultExpanded={isExpanded}>
       <Panel.Heading>
-        <Panel.Title componentClass='h3' toggle={isCollapsible}>{panelTitle}</Panel.Title>
-        { isCollapsible && (<Panel.Toggle componentClass='i' className='collapse-icon'></Panel.Toggle>) }
+        <Panel.Title componentClass="h3" toggle={isCollapsible}>{panelTitle}</Panel.Title>
+        { isCollapsible && (<Panel.Toggle componentClass="i" className="collapse-icon"></Panel.Toggle>) }
       </Panel.Heading>
       <Panel.Body collapsible={isCollapsible} {...restProps} />
     </Panel>
diff --git a/src/app/common/forms/inputs/CheckboxInput.js b/src/app/common/forms/inputs/CheckboxInput.js
index 4ea53f07..d0df62ed 100644
--- a/src/app/common/forms/inputs/CheckboxInput.js
+++ b/src/app/common/forms/inputs/CheckboxInput.js
@@ -34,12 +34,12 @@ export default function CheckboxInput({
 }) {
   const handleChange = useCallback((e) => onChange(e.target.checked), [onChange])
   return (
-    <div className='input-wrapper'>
+    <div className="input-wrapper">
       {
         <label className={inputClassName}>
           <input
             name={name}
-            type='checkbox'
+            type="checkbox"
             checked={value === true}
             value={value}
             onChange={handleChange}
diff --git a/src/app/common/forms/inputs/DateInput.js b/src/app/common/forms/inputs/DateInput.js
index 7c2e7924..43aec07e 100644
--- a/src/app/common/forms/inputs/DateInput.js
+++ b/src/app/common/forms/inputs/DateInput.js
@@ -37,7 +37,7 @@ export default function DateInput({
 }) {
   const handleChange = useCallback((value) => onChange(dateToValue(value, dateFormat)), [onChange])
   return (
-    <div className='datepicker'>
+    <div className="datepicker">
       <DatePicker
         selected={valueToDate(value, dateFormat)}
         onChange={handleChange}
diff --git a/src/app/common/forms/inputs/NumberInput.js b/src/app/common/forms/inputs/NumberInput.js
index 98235996..ad01d48b 100644
--- a/src/app/common/forms/inputs/NumberInput.js
+++ b/src/app/common/forms/inputs/NumberInput.js
@@ -34,7 +34,7 @@ export default function NumberInput({
   return (
     <input
       {...props}
-      type='number'
+      type="number"
       className={inputClassName}
       onChange={handleChange}
     />
diff --git a/src/app/common/forms/inputs/RadiosInput.js b/src/app/common/forms/inputs/RadiosInput.js
index 98e0f569..14893838 100644
--- a/src/app/common/forms/inputs/RadiosInput.js
+++ b/src/app/common/forms/inputs/RadiosInput.js
@@ -32,14 +32,14 @@ export default function RadiosInput({
 }) {
   const handleChange = useCallback((e) => onChange(e.target.value), [onChange])
   return (
-    <div className='radio-wrapper'>
+    <div className="radio-wrapper">
       {
         options.map((option) => (
           <label
             className={inputClassName}
             key={option[valueKey]}>
             <input
-              type='radio'
+              type="radio"
               onChange={handleChange}
               checked={value === option[valueKey]}
               value={option[valueKey]}
diff --git a/src/app/common/modals/ModalTrigger.js b/src/app/common/modals/ModalTrigger.js
index b76068b8..ccc5d484 100644
--- a/src/app/common/modals/ModalTrigger.js
+++ b/src/app/common/modals/ModalTrigger.js
@@ -37,7 +37,7 @@ export default class ModalTrigger extends Component {
       let child = cloneElement(Children.only(children), { onClick: this.open, key: 'modal-control' })
       return [
         child,
-        <ModalWrapper {...this.props} show={this.state.toggled} onHide={this.close} key='modal-dialog' />,
+        <ModalWrapper {...this.props} show={this.state.toggled} onHide={this.close} key="modal-dialog" />,
       ]
     }
 }
diff --git a/src/app/common/widgets/Loading.jsx b/src/app/common/widgets/Loading.jsx
index aa8b7b57..83b0af1f 100644
--- a/src/app/common/widgets/Loading.jsx
+++ b/src/app/common/widgets/Loading.jsx
@@ -10,5 +10,5 @@ Loading.defaultProps = {
 }
 
 export default function Loading({ isLoading, children }) {
-  return isLoading ? <div className='loading-wrapper'>loading..</div> : children
+  return isLoading ? <div className="loading-wrapper">loading..</div> : children
 }
diff --git a/src/app/common/widgets/Wizard.js b/src/app/common/widgets/Wizard.js
index bb3c3c43..2f8532dc 100644
--- a/src/app/common/widgets/Wizard.js
+++ b/src/app/common/widgets/Wizard.js
@@ -14,16 +14,16 @@ export default function Wizard(props) {
   const { steps, activeStepIndex } = props
 
   return (
-    <nav className='steps-nav'>
+    <nav className="steps-nav">
       {
         steps.map((step, index) => (
           <a
             className={`item ${activeStepIndex === index ? 'active' : ''}`}
             href={step.url}
             key={index}>
-            <div className='step-item'>
-              <span className='number'>{ index + 1 }</span>
-              <span className='text'>{ step.title }</span>
+            <div className="step-item">
+              <span className="number">{ index + 1 }</span>
+              <span className="text">{ step.title }</span>
             </div>
           </a>
         ))
diff --git a/src/app/layouts/Header.jsx b/src/app/layouts/Header.jsx
index 17604cc3..c6a7b6b4 100644
--- a/src/app/layouts/Header.jsx
+++ b/src/app/layouts/Header.jsx
@@ -7,7 +7,7 @@ export default class Header extends Component {
   render() {
     return (
       <header className={styles.header}>
-        <Link to="root"><img src={logo} alt='logo'/></Link>
+        <Link to="root"><img src={logo} alt="logo"/></Link>
       </header>
     )
   }
diff --git a/src/app/layouts/layout.scss b/src/app/layouts/layout.scss
index 61b54709..40fbdd98 100644
--- a/src/app/layouts/layout.scss
+++ b/src/app/layouts/layout.scss
@@ -12,7 +12,7 @@
 
 .header {
   height: $header-height;
-  background-color: #fff;
+  background-color: $white;
   display: flex;
   justify-content: space-around;
   align-items: center;
@@ -22,5 +22,5 @@
   height: $footer-height;
   background-color: $primary;
   text-align: center;
-  color: #fff;
+  color: $white;
 }
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index 9d0d9442..24bebfab 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -11,7 +11,7 @@ $footer-height: 48px;
 
 // Color system
 
-$white:    #fff !default;
+$white:    #ffffff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #e9ecef !default;
 $gray-300: #dee2e6 !default;
@@ -21,7 +21,7 @@ $gray-600: #6c757d !default;
 $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
-$black:    #000 !default;
+$black:    #000000 !default;
 
 $blue:    #007bff !default;
 $indigo:  #6610f2 !default;