Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 1x 1x 2x 2x 1x 1x 1x 1x 1x 1x 2x 1x | /*
* Copyright 2021 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, { useEffect, useState } from 'react'
import { useParams } from 'react-router-dom'
import { StepProps, ModalErrorHandlerBinding, useToaster } from '@wings-software/uicore'
import { pick } from 'lodash-es'
import { Organization, useGetOrganization, usePutOrganization } from 'services/cd-ng'
import { useStrings } from 'framework/strings'
import { PageSpinner } from '@common/components'
import type { AccountPathProps } from '@common/interfaces/RouteInterfaces'
import useRBACError from '@rbac/utils/useRBACError/useRBACError'
import OrganizationForm from './OrganizationForm'
interface EditModalData {
identifier?: string
closeModal?: () => void
onSuccess?: (Organization: Organization | undefined) => void
isStep?: boolean
}
const EditOrganization: React.FC<StepProps<Organization> & EditModalData> = props => {
const { prevStepData, nextStep, onSuccess, identifier, isStep } = props
const { getRBACErrorMessage } = useRBACError()
const { accountId } = useParams<AccountPathProps>()
const { showSuccess } = useToaster()
const [version, setVersion] = useState<string>()
const { getString } = useStrings()
const orgIdentifier = isStep ? prevStepData?.identifier : identifier
const { mutate: editOrganization, loading: saving } = usePutOrganization({
identifier: orgIdentifier || '',
queryParams: {
accountIdentifier: accountId
},
requestOptions: {
headers: { 'If-Match': version as string }
}
})
const { data, loading, error, response } = useGetOrganization({
identifier: orgIdentifier || '',
queryParams: { accountIdentifier: accountId }
})
useEffect(() => {
/* istanbul ignore else */ if (!loading && !error) {
setVersion(response?.headers.get('etag') as string)
}
}, [error, loading])
const [modalErrorHandler, setModalErrorHandler] = useState<ModalErrorHandlerBinding>()
const onComplete = async (values: Organization): Promise<void> => {
const dataToSubmit: Organization = pick<Organization, keyof Organization>(values, [
'name',
'description',
'identifier',
'tags'
])
try {
await editOrganization(
{ organization: dataToSubmit },
{
queryParams: {
accountIdentifier: accountId
}
}
)
nextStep?.(values)
showSuccess(getString('projectsOrgs.orgEditSuccess'))
onSuccess?.(values)
} catch (e) {
/* istanbul ignore next */
modalErrorHandler?.showDanger(getRBACErrorMessage(e))
}
}
return (
<>
<OrganizationForm
data={data?.data?.organization}
title={getString('projectsOrgs.editTitle')}
enableEdit={false}
submitTitle={isStep ? getString('saveAndContinue') : getString('projectsOrgs.saveAndClose')}
disableSubmit={saving}
disablePreview={!isStep}
setModalErrorHandler={setModalErrorHandler}
onComplete={onComplete}
/>
{loading ? <PageSpinner /> : null}
</>
)
}
export default EditOrganization
|