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 100 101 102 103 104 105 106 107 108 109 110 111 112 113 | 219x 219x 219x 219x 219x 1x 1x 219x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 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/06/PolyForm-Shield-1.0.0.txt.
*/
import React from 'react'
import { Container, Heading } from '@wings-software/uicore'
import { useStrings } from 'framework/strings'
import css from '../CreateCeAwsConnector.module.scss'
const CostUsageReportExtention: React.FC = () => {
const { getString } = useStrings()
return (
<Container className={css.extention}>
<Heading level={2} className={css.header}>
{getString('connectors.ceAws.curExtention.heading')}
</Heading>
<p>{getString('connectors.ceAws.curExtention.subtext')}</p>
<ol type="A">
<li>
<p style={{ fontWeight: 700 }}>{getString('connectors.ceAws.curExtention.stepA.heading')}</p>
<ol>
<li>
{getString('connectors.click')}{' '}
<span className={css.gray}>{getString('connectors.ceAws.curExtention.stepA.step1.p1')}</span>{' '}
{getString('connectors.ceAws.curExtention.stepA.step1.p2')}
</li>
<li>{getString('connectors.ceAws.curExtention.stepA.step2')}</li>
<li>{getString('connectors.ceAws.curExtention.stepA.step3')}</li>
</ol>
</li>
<li>
{' '}
<p style={{ fontWeight: 700 }}>{getString('connectors.ceAws.curExtention.stepB.heading')}</p>
<ol>
<li>
{getString('connectors.click')}{' '}
<span className={css.gray}>{getString('connectors.ceAws.curExtention.stepB.step1.p1')}</span>{' '}
{getString('connectors.ceAws.curExtention.stepB.step1.p2')}
</li>
<li>{getString('connectors.ceAws.curExtention.stepB.step2')}</li>
<li>
{' '}
{getString('connectors.click')} <span className={css.gray}>{getString('next')}</span>
{getString('connectors.ceAws.curExtention.stepB.step3.p1')}
<span className={css.gray}>{getString('save')}</span>.
</li>
<li> {getString('connectors.ceAws.curExtention.stepB.step4')}</li>
<li>
{getString('connectors.ceAws.curExtention.stepB.step5.heading')}
<ul>
<li>
{getString('connectors.ceAws.curExtention.stepB.step5.subStep1.p1')}{' '}
<span className={css.gray}>{getString('connectors.ceAws.curExtention.stepB.step5.subStep1.p2')}</span>
</li>
<li>
{getString('connectors.ceAws.curExtention.stepB.step5.subStep2.p1')}
<span className={css.gray}>{getString('connectors.ceAws.curExtention.stepB.step5.subStep2.p2')}</span>
</li>
<li>{getString('connectors.ceAws.curExtention.stepB.step5.subStep3')}</li>
<li>
{getString('connectors.ceAws.curExtention.stepB.step5.subStep4.p1')}
<span className={css.gray}>{getString('connectors.ceAws.curExtention.stepB.step5.subStep4.p2')}</span>
</li>
</ul>
</li>
<li>
{getString('connectors.click')} <span className={css.gray}>{getString('next')}</span>
{getString('connectors.ceAws.curExtention.stepB.step6.p1')}
<span className={css.gray}>{getString('connectors.ceAws.curExtention.stepB.step6.p2')}</span> .
</li>
<li>{getString('connectors.ceAws.curExtention.stepB.step7')}</li>
</ol>
</li>
</ol>
<p>{getString('connectors.ceAws.curExtention.moreHelp.heading')}</p>
<ul>
<li>
<a>{getString('connectors.ceAws.curExtention.moreHelp.step1')}</a>
</li>
<li>
<a
href="https://ngdocs.harness.io/article/80vbt5jv0q-set-up-cost-visibility-for-aws"
target="_blank"
rel="noreferrer"
>
{getString('connectors.ceAws.curExtention.moreHelp.step2')}
</a>
</li>
<li>
<a href="https://docs.aws.amazon.com/cur/latest/userguide/cur-create.html" target="_blank" rel="noreferrer">
{getString('connectors.ceAws.curExtention.moreHelp.step3')}
</a>
</li>
<li>
<a
href="https://docs.aws.amazon.com/awsaccountbilling/latest/aboutv2/billing-example-policies.html#example-billing-view-reports"
rel="noreferrer"
target="_blank"
>
{getString('connectors.ceAws.curExtention.moreHelp.step4')}
</a>
</li>
</ul>
</Container>
)
}
export default CostUsageReportExtention
|