linting: fix spacing

Author: Laoujin

frontend/.eslintrc.json

@@ -5,7 +5,9 @@
   "rules": {
     "semi": ["error", "always"],
     "keyword-spacing": ["error", { "before": true }],
-    "space-before-blocks": "error"
+    "space-before-blocks": "error",
+    "no-trailing-spaces": "error",
+    "no-multi-spaces": "error"
   },
   "overrides": [
     {

frontend/src/components/client/models/getClientFeature.tsx

@@ -138,7 +138,7 @@ const createFilterByDescription = (filters :FilterValue[]) => {
 
 
 const getFilterOptions = (config: ClientFeatureBuilderConfig): ClientFilterOption[] => {
-  return  ClientTypes.map(ct => ({
+  return ClientTypes.map(ct => ({
     value: ct,
     label: t(`client.clienttypes.${ct}`)
   } as ClientFilterOption))

frontend/src/components/consultant/models/ConsultantModel.ts

@@ -14,5 +14,5 @@ export interface ConsultantModel {
   telephone: string,
   audit: IAudit;
   active: boolean;
-  accountingCode: string; 
+  accountingCode: string;
 }

frontend/src/components/controls/Icon.tsx

@@ -122,7 +122,7 @@ export const NotEmailedIcon = ({...props}) => (
     {...props}
   >
     <i className="fas fa-envelope fa-stack-1x" />
-    <Icon  fa="fas fa-ban fa-stack-2x" size={1} title={t('email.notMailed')} color="#CC1100" />
+    <Icon fa="fas fa-ban fa-stack-2x" size={1} title={t('email.notMailed')} color="#CC1100" />
   </ClaimSpan>
 );
 

frontend/src/components/controls/Modal.tsx

@@ -54,7 +54,7 @@ export const Modal = (props: ModalProps) => {
       <ReactModal.Footer>
         <ReactButton onClick={props.onClose} variant="light">{t('close')}</ReactButton>
         {props.onConfirm ? (
-          <ReactButton  onClick={onConfirm} variant={props.confirmVariant || 'success'} disabled={props.disableSave}>
+          <ReactButton onClick={onConfirm} variant={props.confirmVariant || 'success'} disabled={props.disableSave}>
             {props.confirmText || t('save')}
           </ReactButton>
         ) : null}

frontend/src/components/hooks/useHover.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo } from 'react';
 
-const useHover = () : [boolean, { onMouseOver(): void, onMouseOut(): void}]  => {
+const useHover = () : [boolean, { onMouseOver(): void, onMouseOut(): void}] => {
   const [hovered, setHovered] = useState<boolean>(false);
 
   const eventHandlers = useMemo(() => ({

frontend/src/components/project/models/getProjectFeature.tsx

@@ -137,7 +137,7 @@ const projectListConfig = (config: ProjectFeatureBuilderConfig): IList<FullProje
     header: 'project.partner.tariff',
     value: p => <ProjectClientTariff projectClient={p.details.partner} />,
     sort: (p, p2) => {
-      if (!p.details.partner  || !p2.details.partner)
+      if (!p.details.partner || !p2.details.partner)
         return (p2.details.partner ? 1 : 0) - (p.details.partner ? 1 : 0);
 
       return compareTariffs(getTariffs(p.details.partner), getTariffs(p2.details.partner));

frontend/src/components/project/project-month-list/closed-list/badges/TimesheetBadge.tsx

@@ -24,7 +24,7 @@ export const TimesheetBadge = ({ pending, totals }: TimesheetBadgeProps) => {
   return (
     <Tooltip title={`<b>${t('projectMonth.timesheetValidated')}</b><br>` + totals.timesheetPending}>
       <span className="badge rounded-pill bg-warning">
-        <i className="fa fa-clock fa-1x"  />
+        <i className="fa fa-clock fa-1x" />
             {t('projectMonth.list.timesheetPending', {timesheetPendingCount: totals.timesheetPendingCount})}
       </span>
     </Tooltip>