All files / modules/75-cf/components/TargetManagementToolbar TargetManagementToolbar.tsx

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
 
 
 
 
 
 
 
4x
4x
4x
 
4x
 
 
 
 
 
4x
9x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 { Container } from '@wings-software/uicore'
import React, { ReactElement } from 'react'
import { Color } from '@harness/design-system'
import type { UseGitSync } from '@cf/hooks/useGitSync'
import GitSyncActions from '../GitSyncActions/GitSyncActions'
 
interface TargetManagementToolbarProps {
  gitSync: UseGitSync
}
 
const TargetManagementToolbar = ({ gitSync }: TargetManagementToolbarProps): ReactElement => {
  return (
    <Container border={{ bottom: true, style: 'solid', color: Color.GREY_200 }}>
      <Container
        flex={{ justifyContent: 'space-between', alignItems: 'center' }}
        width={230}
        margin={{ left: 'xxlarge', top: 'large', bottom: 'large' }}
      >
        <GitSyncActions
          isLoading={gitSync.gitSyncLoading}
          branch={gitSync.gitRepoDetails?.branch || ''}
          repository={gitSync.gitRepoDetails?.repoIdentifier || ''}
          isAutoCommitEnabled={gitSync.isAutoCommitEnabled}
          isGitSyncPaused={gitSync.isGitSyncPaused}
          handleToggleAutoCommit={gitSync.handleAutoCommit}
          handleGitPause={gitSync.handleGitPause}
        />
      </Container>
    </Container>
  )
}
 
export default TargetManagementToolbar