1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { RootState } from '~/store/store';
7 import { connect } from 'react-redux';
8 import { getProcess } from '~/store/processes/process';
9 import { Dispatch } from 'redux';
10 import { openProcessContextMenu } from '~/store/context-menu/context-menu-actions';
11 import { ProcessLogPanelRootDataProps, ProcessLogPanelRootActionProps, ProcessLogPanelRoot } from './process-log-panel-root';
12 import { getProcessPanelLogs } from '~/store/process-logs-panel/process-logs-panel';
13 import { setProcessLogsPanelFilter } from '~/store/process-logs-panel/process-logs-panel-actions';
14 import { getProcessLogsPanelCurrentUuid } from '../../store/process-logs-panel/process-logs-panel';
16 export interface Log {
24 export interface FilterOption {
29 const mapStateToProps = (state: RootState): ProcessLogPanelRootDataProps => {
30 const { resources, processLogsPanel } = state;
31 const uuid = getProcessLogsPanelCurrentUuid(state) || '';
33 process: getProcess(uuid)(resources),
34 selectedFilter: { label: processLogsPanel.selectedFilter, value: processLogsPanel.selectedFilter },
35 filters: processLogsPanel.filters.map(filter => ({ label: filter, value: filter })),
36 lines: getProcessPanelLogs(processLogsPanel)
40 const mapDispatchToProps = (dispatch: Dispatch): ProcessLogPanelRootActionProps => ({
41 onContextMenu: (event: React.MouseEvent<HTMLElement>) => {
42 dispatch<any>(openProcessContextMenu(event));
44 onChange: (filter: FilterOption) => {
45 dispatch(setProcessLogsPanelFilter(filter.value));
49 export const ProcessLogPanel = connect(mapStateToProps, mapDispatchToProps)(ProcessLogPanelRoot);