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 | 18x 18x 18x 18x 18x 18x 18x 18x 18x 18x | /*
* 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 { useHistory, useParams } from 'react-router-dom'
import { Layout, Text } from '@wings-software/uicore'
import { String, useStrings } from 'framework/strings'
import routes from '@common/RouteDefinitions'
import GitFilters, { GitFilterScope } from '@common/components/GitFilters/GitFilters'
import { useQueryParams } from '@common/hooks'
import type {
PipelineType,
TemplateStudioPathProps,
TemplateStudioQueryParams
} from '@common/interfaces/RouteInterfaces'
import noEntityFoundImage from './images/no-entity-found.svg'
import css from './NoEntityFound.module.scss'
interface NoEntityFoundProps {
identifier: string
entityType: string
}
function NoEntityFound(props: NoEntityFoundProps): JSX.Element {
const { identifier, entityType } = props
const { getString } = useStrings()
const history = useHistory()
const { accountId, projectIdentifier, orgIdentifier, module, templateType } = useParams<
PipelineType<{
orgIdentifier: string
projectIdentifier: string
pipelineIdentifier: string
accountId: string
}> &
TemplateStudioPathProps
>()
const { repoIdentifier, branch, versionLabel } = useQueryParams<TemplateStudioQueryParams>()
const onGitBranchChange = React.useMemo(
() => (selectedFilter: GitFilterScope) => {
if (branch !== selectedFilter.branch) {
if (entityType === 'pipeline') {
history.push(
routes.toPipelineStudio({
projectIdentifier,
orgIdentifier,
pipelineIdentifier: identifier || '-1',
accountId,
module,
branch: selectedFilter.branch,
repoIdentifier: selectedFilter.repo
})
)
location.reload()
} else {
history.push(
routes.toTemplateStudio({
projectIdentifier,
orgIdentifier,
accountId,
module,
templateType: templateType,
templateIdentifier: identifier,
versionLabel: versionLabel,
repoIdentifier: selectedFilter.repo,
branch: selectedFilter.branch
})
)
}
}
},
[repoIdentifier, branch, identifier, orgIdentifier, projectIdentifier, accountId, module]
)
return (
<div className={css.noPipelineFoundContainer}>
<Layout.Vertical spacing="small" flex={{ justifyContent: 'center', alignItems: 'center' }}>
<img src={noEntityFoundImage} className={css.noPipelineFoundImage} />
<Text className={css.noPipelineFound} margin={{ top: 'medium', bottom: 'small' }}>
<String stringID={'pipeline.gitExperience.noPipelineFound'} vars={{ entityType: entityType }} />
</Text>
<Text className={css.selectDiffBranch} margin={{ top: 'xsmall', bottom: 'xlarge' }}>
{getString('pipeline.gitExperience.selectDiffBranch')}
</Text>
<GitFilters
onChange={onGitBranchChange}
showRepoSelector={false}
defaultValue={{ repo: repoIdentifier || '', branch, getDefaultFromOtherRepo: true }}
branchSelectClassName={css.branchSelector}
/>
</Layout.Vertical>
</div>
)
}
export default NoEntityFound
|