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 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 | 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 11x 2x 2x 2x 2x 2x 2x 2x 11x 11x | /*
* 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 { useParams } from 'react-router-dom'
import { SelectOption, useToaster } from '@harness/uicore'
import { getServiceLevelObjectiveLogsPromise, useGetServiceLevelObjectiveLogs } from 'services/cv'
import { useStrings } from 'framework/strings'
import type { ProjectPathProps } from '@common/interfaces/RouteInterfaces'
import { getErrorMessage } from '@cv/utils/CommonUtils'
import { LogTypes, TimeRangeTypes, SLOLogContentProps } from '../useLogContentHook.types'
import ExecutionLog from './ExecutionLog/ExecutionLog'
import {
downloadJson,
getTimeRangeInMilliseconds,
getTimeRangeOptions,
parseResponseBody
} from '../useLogContentHook.utils'
import ExternalAPICall from './ExternalAPICall/ExternalAPICall'
import { PAGE_SIZE } from '../useLogContentHook.constants'
const SLOLogContent: React.FC<SLOLogContentProps> = ({
logType,
identifier,
serviceName,
envName,
isFullScreen,
setIsFullScreen
}) => {
const { getString } = useStrings()
const { showError } = useToaster()
const { accountId, orgIdentifier, projectIdentifier } = useParams<ProjectPathProps>()
const [errorLogsOnly, setErrorLogsOnly] = React.useState<boolean>(false)
const [pageNumber, setPageNumber] = React.useState(0)
const [timeRange, setTimeRange] = React.useState<SelectOption>(getTimeRangeOptions(getString)[0])
const [startTime, endTime] = getTimeRangeInMilliseconds(timeRange.value as TimeRangeTypes)
const { data, loading, error, refetch } = useGetServiceLevelObjectiveLogs({
identifier,
queryParams: {
accountId,
orgIdentifier,
projectIdentifier,
logType,
errorLogsOnly,
pageNumber,
startTime,
endTime,
pageSize: PAGE_SIZE
}
})
/* istanbul ignore next */
const resource = data?.resource
const handleDownloadLogs = async (): Promise<void> => {
const { totalItems } = resource ?? {}
try {
const response = await getServiceLevelObjectiveLogsPromise({
identifier,
queryParams: {
accountId,
orgIdentifier,
projectIdentifier,
logType,
errorLogsOnly,
startTime,
endTime,
pageSize: totalItems
}
})
const content = response.resource?.content
/* istanbul ignore else */ if (content) {
const _content = logType === LogTypes.ApiCallLog ? parseResponseBody(content) : content
downloadJson(JSON.stringify(_content), `SLO-${logType}`)
}
} catch (e) {
/* istanbul ignore next */ showError(getErrorMessage(e))
}
}
return logType === LogTypes.ExecutionLog ? (
<ExecutionLog
isFullScreen={isFullScreen}
setIsFullScreen={setIsFullScreen}
serviceName={serviceName}
envName={envName}
resource={resource}
loading={loading}
errorMessage={getErrorMessage(error)}
refetchLogs={refetch}
timeRange={timeRange}
setTimeRange={setTimeRange}
errorLogsOnly={errorLogsOnly}
setErrorLogsOnly={setErrorLogsOnly}
pageNumber={pageNumber}
setPageNumber={setPageNumber}
handleDownloadLogs={handleDownloadLogs}
/>
) : (
<ExternalAPICall
isFullScreen={isFullScreen}
setIsFullScreen={setIsFullScreen}
serviceName={serviceName}
envName={envName}
resource={resource}
loading={loading}
errorMessage={getErrorMessage(error)}
refetchLogs={refetch}
timeRange={timeRange}
setTimeRange={setTimeRange}
errorLogsOnly={errorLogsOnly}
setErrorLogsOnly={setErrorLogsOnly}
pageNumber={pageNumber}
setPageNumber={setPageNumber}
handleDownloadLogs={handleDownloadLogs}
/>
)
}
export default SLOLogContent
|