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 | 4x 4x 4x 4x 4x 4x 4x 26x 26x 26x 52x 1x 26x 4x | /*
* 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, { ReactElement } from 'react'
import { useParams, NavLink } from 'react-router-dom'
import type { StringKeys } from 'framework/strings'
import type { ProjectPathProps } from '@common/interfaces/RouteInterfaces'
import routes from '@common/RouteDefinitions'
import { useQueryParams } from '@common/hooks'
import StringWithTooltip from '@common/components/StringWithTooltip/StringWithTooltip'
import css from './SectionToggle.module.scss'
const SectionToggle = (): ReactElement => {
const params = useParams<ProjectPathProps & { accountId: string }>()
const { activeEnvironment } = useQueryParams<{ activeEnvironment: string }>()
const Item = ({ link, text, tooltipId }: { link: string; text: StringKeys; tooltipId: string }): ReactElement => (
<li className={css.item}>
<NavLink to={`${link}?activeEnvironment=${activeEnvironment}`} className={css.link} activeClassName={css.active}>
<StringWithTooltip stringId={text} tooltipId={tooltipId} onClick={e => e.stopPropagation()} />
</NavLink>
</li>
)
return (
<ul className={css.wrapper} data-testid="CFSectionToggle">
<Item link={routes.toCFTargets(params)} text="cf.shared.targets" tooltipId="ff_targets_heading" />
<Item link={routes.toCFSegments(params)} text="cf.shared.segments" tooltipId="ff_segments_heading" />
</ul>
)
}
export default SectionToggle
|