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 | 21x 21x 21x 21x 21x 21x 21x 10x 9x 9x 9x 9x 9x | /*
* 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 { Views } from '@wings-software/uicore'
import { TemplatesGridView } from '@templates-library/pages/TemplatesPage/views/TemplatesGridView/TemplatesGridView'
import type { PageTemplateSummaryResponse, TemplateSummaryResponse } from 'services/template-ng'
import { GitSyncStoreProvider } from 'framework/GitRepoStore/GitSyncStoreContext'
import { useAppStore } from 'framework/AppStore/AppStoreContext'
import { TemplatesListView } from '@templates-library/pages/TemplatesPage/views/TemplatesListView/TemplatesListView'
export interface TemplatesViewProps {
data: PageTemplateSummaryResponse
selectedIdentifier?: string
gotoPage: (pageNumber: number) => void
onSelect: (template: TemplateSummaryResponse) => void
onPreview?: (template: TemplateSummaryResponse) => void
onOpenEdit?: (template: TemplateSummaryResponse) => void
onOpenSettings?: (templateIdentifier: string) => void
onDelete?: (template: TemplateSummaryResponse) => void
}
export default function TemplatesView(props: TemplatesViewProps & { view: Views }): React.ReactElement {
const { view, ...rest } = props
const { isGitSyncEnabled } = useAppStore()
const content = React.useMemo(
() => (view === Views.GRID ? <TemplatesGridView {...rest} /> : <TemplatesListView {...rest} />),
[rest]
)
Iif (isGitSyncEnabled) {
return <GitSyncStoreProvider>{content}</GitSyncStoreProvider>
} else {
return <>{content}</>
}
}
|