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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 2x 2x 2x 2x 2x 2x 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, { useState } from 'react'
import { useParams } from 'react-router-dom'
import type { StepProps, ModalErrorHandlerBinding } from '@wings-software/uicore'
import { pick } from 'lodash-es'
import type { Organization } from 'services/cd-ng'
import { usePostOrganization } from 'services/cd-ng'
import { useStrings } from 'framework/strings'
import { useToaster, PageSpinner } from '@common/components'
import type { AccountPathProps } from '@common/interfaces/RouteInterfaces'
import useRBACError from '@rbac/utils/useRBACError/useRBACError'
import OrganizationForm from './OrganizationForm'
import type { OrgModalData } from './StepAboutOrganization'
const CreateOrganization: React.FC<StepProps<Organization> & OrgModalData> = props => {
const { nextStep, onSuccess } = props
const { getRBACErrorMessage } = useRBACError()
const { accountId } = useParams<AccountPathProps>()
const { showSuccess } = useToaster()
const { getString } = useStrings()
const { mutate: createOrganization, loading: saving } = usePostOrganization({
queryParams: {
accountIdentifier: accountId
}
})
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 createOrganization(
{ organization: dataToSubmit },
{
queryParams: {
accountIdentifier: accountId
}
}
)
nextStep?.(values)
showSuccess(getString('projectsOrgs.orgCreateSuccess'))
onSuccess?.(values)
} catch (e) {
/* istanbul ignore next */
modalErrorHandler?.showDanger(getRBACErrorMessage(e))
}
}
return (
<>
<OrganizationForm
title={getString('projectsOrgs.aboutTitle')}
enableEdit={true}
disableSubmit={false}
submitTitle={getString('saveAndContinue')}
setModalErrorHandler={setModalErrorHandler}
onComplete={onComplete}
/>
{saving ? <PageSpinner message={getString('projectsOrgs.createOrgLoader')} /> : null}
</>
)
}
export default CreateOrganization
|