Web/update lint (#2322)

* Updates for eslint-fix run.

* Adding lint to ci check

Co-authored-by: phix <peter.hicks@astronomer.io>
Co-authored-by: Willy Lulciuc <willy@datakin.com>

.circleci/config.yml

@@ -83,6 +83,7 @@ jobs:
             - v1-web-{{ .Branch }}
       - run: npm install
       - run: npm run test
+      - run: npm run eslint-fix
       - run: npm run build
       - save_cache:
           paths:

web/src/components/core/date-picker/MqDatePicker.tsx

@@ -1,11 +1,11 @@
 // SPDX-License-Identifier: Apache-2.0
 
-import React from 'react'
+import { DateTimePicker } from '@material-ui/pickers'
 import { Theme } from '@material-ui/core'
+import { alpha } from '@material-ui/core/styles'
+import React from 'react'
 import createStyles from '@material-ui/core/styles/createStyles'
 import withStyles, { WithStyles } from '@material-ui/core/styles/withStyles'
-import { DateTimePicker } from '@material-ui/pickers'
-import { alpha } from '@material-ui/core/styles'
 
 const styles = (theme: Theme) =>
   createStyles({
@@ -57,7 +57,7 @@ type DatePickerProps = WithStyles<typeof styles> & OwnProps
 
 class MqDatePicker extends React.Component<DatePickerProps> {
   render() {
-    const { classes, value, onChange, label = '', format = "MMM DD yyyy hh:mm a" } = this.props
+    const { classes, value, onChange, label = '', format = 'MMM DD yyyy hh:mm a' } = this.props
     return (
       <DateTimePicker
         label={label}
@@ -70,4 +70,4 @@ class MqDatePicker extends React.Component<DatePickerProps> {
   }
 }
 
-export default withStyles(styles)(MqDatePicker)
+export default withStyles(styles)(MqDatePicker)

web/src/components/jobs/Runs.tsx

@@ -27,7 +27,6 @@ import RunInfo from './RunInfo'
 import RunStatus from './RunStatus'
 import transitions from '@material-ui/core/styles/transitions'
 
-
 const styles = (theme: Theme) => {
   return createStyles({
     status: {

web/src/components/search/SearchPlaceholder.tsx

@@ -21,9 +21,7 @@ const styles = (theme: Theme) =>
 
 const importI18next = () => {
   const i18next = require('i18next')
-  return (
-    i18next
-  )
+  return i18next
 }
 
 const SearchPlaceholder: React.FC<WithStyles<typeof styles>> = ({ classes }) => {

web/src/helpers/index.ts

@@ -22,9 +22,9 @@ export const formatUpdatedAt = (updatedAt: string) => {
 }
 
 export const fileSize = (data: string) => {
-  const size = encodeURI(data).split(/%..|./).length - 1;
+  const size = encodeURI(data).split(/%..|./).length - 1
   return {
-    kiloBytes: size / 1024, 
-    megaBytes: (size / 1024) / 1024
+    kiloBytes: size / 1024,
+    megaBytes: size / 1024 / 1024
   }
-}
+}

web/src/helpers/time.ts

@@ -28,9 +28,9 @@ export function stopWatchDuration(durationMs: number) {
 }
 
 export function formatDatePicker(val: string) {
-  return moment(val).format("YYYY-MM-DDTHH:mm:ss")
+  return moment(val).format('YYYY-MM-DDTHH:mm:ss')
 }
 
 export function formatDateAPIQuery(val: string) {
-  return moment(val).format("YYYY-MM-DDTHH:mm:ss[.000Z]")
-}
+  return moment(val).format('YYYY-MM-DDTHH:mm:ss[.000Z]')
+}

web/src/store/actionCreators/index.ts

@@ -2,7 +2,16 @@
 
 import * as actionTypes from './actionTypes'
 
-import { Event, Dataset, DatasetVersion, Job, LineageGraph, Namespace, Run, Search } from '../../types/api'
+import {
+  Dataset,
+  DatasetVersion,
+  Event,
+  Job,
+  LineageGraph,
+  Namespace,
+  Run,
+  Search
+} from '../../types/api'
 import { JobOrDataset } from '../../components/lineage/types'
 
 export const fetchEvents = (after: string, before: string, limit: number) => ({
@@ -14,7 +23,7 @@ export const fetchEvents = (after: string, before: string, limit: number) => ({
   }
 })
 
-export const fetchEventsSuccess = (events: Event[]) => ({ 
+export const fetchEventsSuccess = (events: Event[]) => ({
   type: actionTypes.FETCH_EVENTS_SUCCESS,
   payload: {
     events

web/src/store/reducers/events.ts

@@ -1,11 +1,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Event } from '../../types/api'
-import {
-  FETCH_EVENTS,
-  FETCH_EVENTS_SUCCESS,
-  RESET_EVENTS
-} from '../actionCreators/actionTypes'
+import { FETCH_EVENTS, FETCH_EVENTS_SUCCESS, RESET_EVENTS } from '../actionCreators/actionTypes'
 import { fetchEventsSuccess } from '../actionCreators'
 
 export type IEventsState = { isLoading: boolean; result: Event[]; init: boolean }

web/src/store/reducers/index.ts

@@ -5,8 +5,8 @@ import { Reducer, combineReducers } from 'redux'
 import { connectRouter } from 'connected-react-router'
 import datasetVersions, { IDatasetVersionsState } from './datasetVersions'
 import datasets, { IDatasetsState } from './datasets'
-import events, { IEventsState } from './events'
 import display, { IDisplayState } from './display'
+import events, { IEventsState } from './events'
 import jobs, { IJobsState } from './jobs'
 import lineage, { ILineageState } from './lineage'
 import namespaces, { INamespacesState } from './namespaces'

web/src/store/requests/events.ts

@@ -7,6 +7,6 @@ import { genericFetchWrapper } from './index'
 export const getEvents = async (after = '', before = '', limit = 100, sortDirection = 'desc') => {
   const url = `${API_URL}/events/lineage?limit=${limit}&before=${before}&after=${after}&sortDirection=${sortDirection}`
   return genericFetchWrapper(url, { method: 'GET' }, 'fetchEvents').then((r: Events) => {
-    return r.events.map((d) => ({ ...d }))
+    return r.events.map(d => ({ ...d }))
   })
-}
+}

web/src/store/sagas/index.ts

@@ -4,11 +4,11 @@ import * as Effects from 'redux-saga/effects'
 import {
   FETCH_DATASETS,
   FETCH_DATASET_VERSIONS,
+  FETCH_EVENTS,
   FETCH_JOBS,
   FETCH_LINEAGE,
   FETCH_RUNS,
-  FETCH_SEARCH,
-  FETCH_EVENTS
+  FETCH_SEARCH
 } from '../actionCreators/actionTypes'
 import { Namespaces } from '../../types/api'
 import { all, put, take } from 'redux-saga/effects'
@@ -26,7 +26,14 @@ import {
   fetchRunsSuccess,
   fetchSearchSuccess
 } from '../actionCreators'
-import { getDatasetVersions, getDatasets, getEvents, getJobs, getNamespaces, getRuns } from '../requests'
+import {
+  getDatasetVersions,
+  getDatasets,
+  getEvents,
+  getJobs,
+  getNamespaces,
+  getRuns
+} from '../requests'
 import { getLineage } from '../requests/lineage'
 import { getSearch } from '../requests/search'
 

web/src/types/api.ts

@@ -42,13 +42,13 @@ export interface Event {
     facets: object
   }
   inputs: {
-    name: string,
-    namespace: string,
+    name: string
+    namespace: string
     facets: object
   }[]
   outputs: {
-    name: string,
-    namespace: string,
+    name: string
+    namespace: string
     facets: object
   }[]
 }

web/src/types/index.ts

@@ -10,4 +10,4 @@ export interface IJob extends Job {
   latestRuns?: Run[]
 }
 
-export type IFilterByDisplay = 'namespace' | 'sourceName'
+export type IFilterByDisplay = 'namespace' | 'sourceName'