All files / modules/85-cv/pages/health-source/connectors/ErrorTrackingHealthSource ErrorTrackingHealthSource.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
 
 
 
 
 
 
23x
23x
23x
 
23x
23x
 
23x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
 * Copyright 2022 Harness Inc. All rights reserved.
 * Use of this source code is governed by the PolyForm Free Trial 1.0.0 license
 * that can be found in the licenses directory at the root of this repository, also available at
 * https://polyformproject.org/wp-content/uploads/2020/05/PolyForm-Free-Trial-1.0.0.txt.
 */
 
import React, { useCallback, useContext } from 'react'
import { Formik, FormikForm } from '@wings-software/uicore'
import { SetupSourceTabsContext } from '@cv/components/CVSetupSourcesView/SetupSourceTabs/SetupSourceTabs'
import type { ErrorTrackingHealthSourceProps } from './ErrorTrackingSource.types'
import DrawerFooter from '../../common/DrawerFooter/DrawerFooter'
import { createErrorTrackingHealthSourcePayload } from './ErrorTrackingHealthSource.utils'
 
export default function ErrorTrackingHealthSource(props: ErrorTrackingHealthSourceProps): JSX.Element {
  const { data: sourceData, onSubmit } = props
  const { onPrevious } = useContext(SetupSourceTabsContext)
 
  const handleOnSubmit = useCallback(
    async () => {
      const healthSourcePayload = createErrorTrackingHealthSourcePayload(sourceData)
      await onSubmit(sourceData, healthSourcePayload)
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [sourceData]
  )
 
  return (
    <Formik
      enableReinitialize
      formName={'errorTrackingHealthSourceform'}
      initialValues={null}
      onSubmit={async () => {
        await handleOnSubmit()
      }}
    >
      {formik => (
        <FormikForm>
          <DrawerFooter isSubmit onPrevious={onPrevious} onNext={formik.submitForm} />
        </FormikForm>
      )}
    </Formik>
  )
}