github/drone
5
0
Fork 0
mirror of https://github.com/harness/drone.git synced 2025-05-12 06:59:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

integrate run pipeline modal on executions page

Browse Source
This commit is contained in:
Vardan Bansal 2023-09-12 18:00:28 -07:00 committed by Dan Wilson
parent 4d85926c81
commit 7af506b47e
1 changed files with 6 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/src/pages/ExecutionList/ExecutionList.tsx
View File

@ -8,14 +8,13 @@ import {
PageBody, PageBody,
TableV2 as Table, TableV2 as Table,
Text, Text,
Utils, Utils
useToaster
} from '@harnessio/uicore' } from '@harnessio/uicore'
import { Color } from '@harnessio/design-system' import { Color } from '@harnessio/design-system'
import cx from 'classnames' import cx from 'classnames'
import type { CellProps, Column } from 'react-table' import type { CellProps, Column } from 'react-table'
import { useHistory, useParams } from 'react-router-dom' import { useHistory, useParams } from 'react-router-dom'
import { useGet, useMutate } from 'restful-react' import { useGet } from 'restful-react'
import { Timer, Calendar } from 'iconoir-react' import { Timer, Calendar } from 'iconoir-react'
import { useStrings } from 'framework/strings' import { useStrings } from 'framework/strings'
import { LoadingSpinner } from 'components/LoadingSpinner/LoadingSpinner' import { LoadingSpinner } from 'components/LoadingSpinner/LoadingSpinner'
@ -33,6 +32,7 @@ import { ExecutionStatus } from 'components/ExecutionStatus/ExecutionStatus'
import { getStatus } from 'utils/PipelineUtils' import { getStatus } from 'utils/PipelineUtils'
import useSpaceSSE from 'hooks/useSpaceSSE' import useSpaceSSE from 'hooks/useSpaceSSE'
import { ExecutionText, ExecutionTrigger } from 'components/ExecutionText/ExecutionText' import { ExecutionText, ExecutionTrigger } from 'components/ExecutionText/ExecutionText'
import useRunPipelineModal from 'components/RunPipelineModal/RunPipelineModal'
import noExecutionImage from '../RepositoriesListing/no-repo.svg' import noExecutionImage from '../RepositoriesListing/no-repo.svg'
import css from './ExecutionList.module.scss' import css from './ExecutionList.module.scss'
@ -44,7 +44,6 @@ const ExecutionList = () => {
const pageBrowser = useQueryParams<PageBrowserProps>() const pageBrowser = useQueryParams<PageBrowserProps>()
const pageInit = pageBrowser.page ? parseInt(pageBrowser.page) : 1 const pageInit = pageBrowser.page ? parseInt(pageBrowser.page) : 1
const [page, setPage] = usePageIndex(pageInit) const [page, setPage] = usePageIndex(pageInit)
const { showError, showSuccess } = useToaster()
const { repoMetadata, error, loading, refetch, space } = useGetRepositoryMetadata() const { repoMetadata, error, loading, refetch, space } = useGetRepositoryMetadata()
@ -84,19 +83,11 @@ const ExecutionList = () => {
} }
}) })
const { mutate, loading: mutateLoading } = useMutate<TypesExecution>({ const { openModal: openRunPipelineModal } = useRunPipelineModal()
verb: 'POST',
path: `/api/v1/repos/${repoMetadata?.path}/+/pipelines/${pipeline}/executions`
})
const handleClick = async () => { const handleClick = async () => {
try { if (repoMetadata && pipeline) {
//TODO - this should NOT be hardcoded to master branch - need a modal to insert branch - but useful for testing until then openRunPipelineModal({ repoMetadata, pipeline })
await mutate({ branch: 'master' })
showSuccess('Build started')
executionsRefetch()
} catch {
showError('Failed to start build')
} }
} }
@ -105,7 +96,6 @@ const ExecutionList = () => {
text={getString('executions.newExecutionButton')} text={getString('executions.newExecutionButton')}
variation={ButtonVariation.PRIMARY} variation={ButtonVariation.PRIMARY}
icon="play-outline" icon="play-outline"
disabled={mutateLoading}
onClick={handleClick}></Button> onClick={handleClick}></Button>
) )