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 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | /*
* Copyright 2022 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 { Tabs } from '@harness/uicore'
import { NGBreadcrumbs } from '@common/components/NGBreadcrumbs/NGBreadcrumbs'
import { Page } from '@common/exports'
import { useStrings } from 'framework/strings'
import { ServiceStoreContext, useServiceStore } from './common'
import { ServicesListPage } from './ServicesListPage/ServicesListPage'
import { ServicesDashboardPage } from './ServicesDashboardPage/ServicesDashboardPage'
import css from './Services.module.scss'
export const Services: React.FC = () => {
const { view, setView, fetchDeploymentList } = useServiceStore()
const { getString } = useStrings()
return (
<ServiceStoreContext.Provider
value={{
view,
setView,
fetchDeploymentList
}}
>
<Page.Header title={getString('services')} breadcrumbs={<NGBreadcrumbs />} />
<div className={css.tabs}>
<Tabs
id={'serviceLandingPageTabs'}
defaultSelectedTabId={'dashboard'}
tabList={[
{
id: 'dashboard',
title: 'Dashboard',
panel: <ServicesDashboardPage />
},
{ id: 'manageServices', title: 'Manage Services', panel: <ServicesListPage /> }
]}
/>
</div>
</ServiceStoreContext.Provider>
)
}
|