Updated to airbnb coding styles

src/utils/helpers/charts.ts

@@ -1,7 +1,7 @@
 import { ActiveElement, ChartEvent, ChartType, TooltipItem } from 'chart.js';
 import { prettify } from './numbers';
 
-export const pointerOnHover = ({ native }: ChartEvent, [ firstElement ]: ActiveElement[]) => {
+export const pointerOnHover = ({ native }: ChartEvent, [firstElement]: ActiveElement[]) => {
   if (!native?.target) {
     return;
   }

src/utils/helpers/date.ts

@@ -15,15 +15,15 @@ const formatDateFromFormat = (date?: NullableDate, theFormat?: string): Optional
   return theFormat ? format(date, theFormat) : formatISO(date);
 };
 
-export const formatDate = (format = 'yyyy-MM-dd') => (date?: NullableDate) => formatDateFromFormat(date, format);
+export const formatDate = (theFormat = 'yyyy-MM-dd') => (date?: NullableDate) => formatDateFromFormat(date, theFormat);
 
 export const formatIsoDate = (date?: NullableDate) => formatDateFromFormat(date, undefined);
 
 export const formatInternational = formatDate();
 
-export const parseDate = (date: string, format: string) => parse(date, format, new Date());
+export const parseDate = (date: string, theFormat: string) => parse(date, theFormat, new Date());
 
-export const parseISO = (date: DateOrString): Date => isDateObject(date) ? date : stdParseISO(date);
+export const parseISO = (date: DateOrString): Date => (isDateObject(date) ? date : stdParseISO(date));
 
 export const isBetween = (date: DateOrString, start?: DateOrString, end?: DateOrString): boolean => {
   try {

src/utils/helpers/features.ts

@@ -5,27 +5,15 @@ const serverMatchesVersions = (versions: Versions) => (selectedServer: SelectedS
   isReachableServer(selectedServer) && versionMatch(selectedServer.version, versions);
 
 export const supportsQrCodeSizeInQuery = serverMatchesVersions({ minVersion: '2.5.0' });
-
 export const supportsShortUrlTitle = serverMatchesVersions({ minVersion: '2.6.0' });
-
 export const supportsOrphanVisits = supportsShortUrlTitle;
-
 export const supportsQrCodeMargin = supportsShortUrlTitle;
-
 export const supportsTagsInPatch = supportsShortUrlTitle;
-
 export const supportsBotVisits = serverMatchesVersions({ minVersion: '2.7.0' });
-
 export const supportsCrawlableVisits = supportsBotVisits;
-
 export const supportsQrErrorCorrection = serverMatchesVersions({ minVersion: '2.8.0' });
-
 export const supportsDomainRedirects = supportsQrErrorCorrection;
-
 export const supportsForwardQuery = serverMatchesVersions({ minVersion: '2.9.0' });
-
 export const supportsDefaultDomainRedirectsEdition = serverMatchesVersions({ minVersion: '2.10.0' });
-
 export const supportsNonOrphanVisits = serverMatchesVersions({ minVersion: '3.0.0' });
-
 export const supportsAllTagsFiltering = supportsNonOrphanVisits;

src/utils/helpers/files.ts

@@ -10,7 +10,7 @@ export const saveUrl = ({ document }: Window, url: string, filename: string) =>
 };
 
 export const saveCsv = (window: Window, csv: string, filename: string) => {
-  const blob = new Blob([ csv ], { type: 'text/csv;charset=utf-8;' });
+  const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
   const url = URL.createObjectURL(blob);
 
   saveUrl(window, url, filename);

src/utils/helpers/hooks.ts

@@ -11,7 +11,7 @@ export const useStateFlagTimeout = (
   setTimeout: (callback: Function, timeout: number) => number,
   clearTimeout: (timer: number) => void,
 ): StateFlagTimeout => (initialValue = false, delay = DEFAULT_DELAY) => {
-  const [ flag, setFlag ] = useState<boolean>(initialValue);
+  const [flag, setFlag] = useState<boolean>(initialValue);
   const timeout = useRef<number | undefined>(undefined);
   const callback = () => {
     setFlag(!initialValue);
@@ -23,15 +23,15 @@ export const useStateFlagTimeout = (
     timeout.current = setTimeout(() => setFlag(initialValue), delay);
   };
 
-  return [ flag, callback ];
+  return [flag, callback];
 };
 
 type ToggleResult = [ boolean, () => void, () => void, () => void ];
 
 export const useToggle = (initialValue = false): ToggleResult => {
-  const [ flag, setFlag ] = useState<boolean>(initialValue);
+  const [flag, setFlag] = useState<boolean>(initialValue);
 
-  return [ flag, () => setFlag(!flag), () => setFlag(true), () => setFlag(false) ];
+  return [flag, () => setFlag(!flag), () => setFlag(true), () => setFlag(false)];
 };
 
 export const useSwipeable = (showSidebar: () => void, hideSidebar: () => void) => {
@@ -55,17 +55,17 @@ export const useSwipeable = (showSidebar: () => void, hideSidebar: () => void) =
 };
 
 export const useQueryState = <T>(paramName: string, initialState: T): [ T, (newValue: T) => void ] => {
-  const [ value, setValue ] = useState(initialState);
-  const setValueWithLocation = (value: T) => {
+  const [value, setValue] = useState(initialState);
+  const setValueWithLocation = (valueToSet: T) => {
     const { location, history } = window;
     const query = parseQuery<any>(location.search);
 
-    query[paramName] = value;
+    query[paramName] = valueToSet;
     history.pushState(null, '', `${location.pathname}?${stringifyQuery(query)}`);
-    setValue(value);
+    setValue(valueToSet);
   };
 
-  return [ value, setValueWithLocation ];
+  return [value, setValueWithLocation];
 };
 
 export const useEffectExceptFirstTime = (callback: EffectCallback, deps: DependencyList): void => {

src/utils/helpers/leaflet.ts

@@ -4,7 +4,7 @@ import marker from 'leaflet/dist/images/marker-icon.png';
 import markerShadow from 'leaflet/dist/images/marker-shadow.png';
 
 export const fixLeafletIcons = () => {
-  delete (L.Icon.Default.prototype as any)._getIconUrl;
+  delete (L.Icon.Default.prototype as any)._getIconUrl; // eslint-disable-line no-underscore-dangle
 
   L.Icon.Default.mergeOptions({
     iconRetinaUrl: marker2x,

src/utils/helpers/ordering.ts

@@ -22,20 +22,20 @@ export const determineOrderDir = <T extends string = string>(
   return currentOrderDir ? newOrderMap[currentOrderDir] : 'ASC';
 };
 
-export const sortList = <List>(list: List[], { field, dir }: Order<Partial<keyof List>>) => !field || !dir
-  ? list
-  : list.sort((a, b) => {
+export const sortList = <List>(list: List[], { field, dir }: Order<Partial<keyof List>>) => (
+  !field || !dir ? list : list.sort((a, b) => {
     const greaterThan = dir === 'ASC' ? 1 : -1;
     const smallerThan = dir === 'ASC' ? -1 : 1;
 
     return a[field] > b[field] ? greaterThan : smallerThan;
-  });
+  })
+);
 
-export const orderToString = <T>(order: Order<T>): string | undefined =>
-  order.dir ? `${order.field}-${order.dir}` : undefined;
+export const orderToString = <T>(order: Order<T>): string | undefined => (
+  order.dir ? `${order.field}-${order.dir}` : undefined
+);
 
 export const stringToOrder = <T>(order: string): Order<T> => {
-  const [ field, dir ] = order.split('-') as [ T | undefined, OrderDir | undefined ];
-
+  const [field, dir] = order.split('-') as [ T | undefined, OrderDir | undefined ];
   return { field, dir };
 };

src/utils/helpers/pagination.ts

@@ -30,7 +30,10 @@ export const progressivePagination = (currentPage: number, pageCount: number): N
 
 export const pageIsEllipsis = (pageNumber: NumberOrEllipsis): pageNumber is Ellipsis => pageNumber === ELLIPSIS;
 
-export const prettifyPageNumber = (pageNumber: NumberOrEllipsis): string =>
-  pageIsEllipsis(pageNumber) ? pageNumber : prettify(pageNumber);
+export const prettifyPageNumber = (pageNumber: NumberOrEllipsis): string => (
+  pageIsEllipsis(pageNumber) ? pageNumber : prettify(pageNumber)
+);
 
-export const keyForPage = (pageNumber: NumberOrEllipsis, index: number) => !pageIsEllipsis(pageNumber) ? `${pageNumber}` : `${pageNumber}_${index}`;
+export const keyForPage = (pageNumber: NumberOrEllipsis, index: number) => (
+  !pageIsEllipsis(pageNumber) ? `${pageNumber}` : `${pageNumber}_${index}`
+);

src/utils/helpers/sw.ts

@@ -1,9 +1,7 @@
 export const forceUpdate = async () => {
   const registrations = await navigator.serviceWorker?.getRegistrations() ?? [];
 
-  for (const registration of registrations) {
-    const { waiting } = registration;
-
+  registrations.forEach(({ waiting }) => {
     waiting?.addEventListener('statechange', (event) => {
       if ((event.target as any)?.state === 'activated') {
         window.location.reload();
@@ -12,5 +10,5 @@ export const forceUpdate = async () => {
 
     // The logic that makes skipWaiting to be called when this message is posted is in service-worker.ts
     waiting?.postMessage({ type: 'SKIP_WAITING' });
-  }
+  });
 };

src/utils/helpers/uri.ts

@@ -1,6 +1,6 @@
 export const replaceAuthorityFromUri = (uri: string, newAuthority: string): string => {
-  const [ schema, rest ] = uri.split('://');
-  const [ , ...pathParts ] = rest.split('/');
+  const [schema, rest] = uri.split('://');
+  const [, ...pathParts] = rest.split('/');
   const normalizedPath = pathParts.length ? `/${pathParts.join('/')}` : '';
 
   return `${schema}://${newAuthority}${normalizedPath}`;

src/utils/helpers/version.ts

@@ -34,7 +34,7 @@ const versionIsValidSemVer = memoizeWith(identity, (version: string): version is
   }
 });
 
-export const versionToPrintable = (version: string) => !versionIsValidSemVer(version) ? version : `v${version}`;
+export const versionToPrintable = (version: string) => (!versionIsValidSemVer(version) ? version : `v${version}`);
 
 export const versionToSemVer = (defaultValue: SemVer = 'latest') =>
-  (version: string): SemVer => versionIsValidSemVer(version) ? version : defaultValue;
+  (version: string): SemVer => (versionIsValidSemVer(version) ? version : defaultValue);