1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from "react";
6 import { Dialog, DialogTitle, DialogActions, Button, StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core';
7 import { withDialog } from "~/store/dialog/with-dialog";
8 import { PROCESS_COMMAND_DIALOG_NAME } from '~/store/processes/process-command-actions';
9 import { WithDialogProps } from '~/store/dialog/with-dialog';
10 import { ProcessCommandDialogData } from '~/store/processes/process-command-actions';
11 import { DefaultCodeSnippet } from "~/components/default-code-snippet/default-code-snippet";
12 import { compose } from 'redux';
14 type CssRules = 'codeSnippet';
16 const styles: StyleRulesCallback<CssRules> = theme => ({
18 marginLeft: theme.spacing.unit * 3,
19 marginRight: theme.spacing.unit * 3,
23 export const ProcessCommandDialog = compose(
24 withDialog(PROCESS_COMMAND_DIALOG_NAME),
27 (props: WithDialogProps<ProcessCommandDialogData> & WithStyles<CssRules>) =>
31 onClose={props.closeDialog}
32 style={{ alignSelf: 'stretch' }}>
33 <DialogTitle>{`Command - ${props.data.processName}`}</DialogTitle>
35 className={props.classes.codeSnippet}
36 lines={[props.data.command]} />
41 onClick={props.closeDialog}>