chore: use proper name convention for build tools

new-lamassu-admin/src/pages/Authentication/Input2FAState.js

@@ -1,135 +0,0 @@
-import { useMutation, useLazyQuery } from '@apollo/react-hooks'
-import { makeStyles } from '@material-ui/core/styles'
-import { Form, Formik } from 'formik'
-import gql from 'graphql-tag'
-import React, { useContext, useState } from 'react'
-import { useHistory } from 'react-router-dom'
-
-import AppContext from 'src/AppContext'
-import { Button } from 'src/components/buttons'
-import { CodeInput } from 'src/components/inputs/base'
-import { TL1, P } from 'src/components/typography'
-
-import styles from './shared.styles'
-import { STATES } from './states'
-
-const useStyles = makeStyles(styles)
-
-const INPUT_2FA = gql`
-  mutation input2FA(
-    $username: String!
-    $password: String!
-    $code: String!
-    $rememberMe: Boolean!
-  ) {
-    input2FA(
-      username: $username
-      password: $password
-      code: $code
-      rememberMe: $rememberMe
-    )
-  }
-`
-
-const GET_USER_DATA = gql`
-  {
-    userData {
-      id
-      username
-      role
-    }
-  }
-`
-
-const Input2FAState = ({ state, dispatch }) => {
-  const classes = useStyles()
-  const history = useHistory()
-  const { setUserData } = useContext(AppContext)
-
-  const [invalidToken, setInvalidToken] = useState(false)
-
-  const [getUserData, { error: queryError }] = useLazyQuery(GET_USER_DATA, {
-    onCompleted: ({ userData }) => {
-      setUserData(userData)
-      history.push('/')
-    }
-  })
-
-  const [input2FA, { error: mutationError }] = useMutation(INPUT_2FA, {
-    onCompleted: ({ input2FA: success }) => {
-      if (success) {
-        return getUserData()
-      }
-      return setInvalidToken(true)
-    }
-  })
-
-  const handle2FAChange = value => {
-    dispatch({
-      type: STATES.INPUT_2FA,
-      payload: {
-        twoFAField: value
-      }
-    })
-    setInvalidToken(false)
-  }
-
-  const handleSubmit = () => {
-    if (state.twoFAField.length !== 6) {
-      setInvalidToken(true)
-      return
-    }
-
-    const options = {
-      variables: {
-        username: state.clientField,
-        password: state.passwordField,
-        code: state.twoFAField,
-        rememberMe: state.rememberMeField
-      }
-    }
-
-    input2FA(options)
-  }
-
-  const getErrorMsg = () => {
-    if (queryError) return 'Internal server error'
-    if (state.twoFAField.length !== 6 && invalidToken)
-      return 'The code should have 6 characters!'
-    if (mutationError || invalidToken)
-      return 'Code is invalid. Please try again.'
-    return null
-  }
-
-  const errorMessage = getErrorMsg()
-
-  return (
-    <>
-      <TL1 className={classes.info}>
-        Enter your two-factor authentication code
-      </TL1>
-      {/* TODO: refactor the 2FA CodeInput to properly use Formik */}
-      <Formik onSubmit={() => {}} initialValues={{}}>
-        <Form>
-          <CodeInput
-            name="2fa"
-            value={state.twoFAField}
-            onChange={handle2FAChange}
-            numInputs={6}
-            error={invalidToken}
-            shouldAutoFocus
-          />
-          <button onClick={handleSubmit} className={classes.enterButton} />
-        </Form>
-      </Formik>
-      <div className={classes.twofaFooter}>
-        {errorMessage && <P className={classes.errorMessage}>{errorMessage}</P>}
-        <Button onClick={handleSubmit} buttonClassName={classes.loginButton}>
-          Login
-        </Button>
-      </div>
-    </>
-  )
-}
-
-export default Input2FAState