//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from "react";
+import React from "react";
import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography, Grid } from "@material-ui/core";
-import { WithDialogProps } from "~/store/dialog/with-dialog";
-import { withDialog } from '~/store/dialog/with-dialog';
-import { VIRTUAL_MACHINE_ATTRIBUTES_DIALOG } from "~/store/virtual-machines/virtual-machines-actions";
-import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
-import { ArvadosTheme } from '~/common/custom-theme';
+import { WithDialogProps } from "store/dialog/with-dialog";
+import { withDialog } from 'store/dialog/with-dialog';
+import { VIRTUAL_MACHINE_ATTRIBUTES_DIALOG } from "store/virtual-machines/virtual-machines-actions";
+import { WithStyles, withStyles } from '@material-ui/core/styles';
+import { ArvadosTheme } from 'common/custom-theme';
import { compose } from "redux";
-import { VirtualMachinesResource } from "~/models/virtual-machines";
+import { VirtualMachinesResource } from "models/virtual-machines";
type CssRules = 'rightContainer' | 'leftContainer' | 'spacing';
-const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
+const styles = withStyles<CssRules>((theme: ArvadosTheme) => ({
rightContainer: {
textAlign: 'right',
paddingRight: theme.spacing.unit * 2,
spacing: {
paddingTop: theme.spacing.unit * 2
},
-});
+}));
interface VirtualMachineAttributesDataProps {
virtualMachineData: VirtualMachinesResource;
export const VirtualMachineAttributesDialog = compose(
withDialog(VIRTUAL_MACHINE_ATTRIBUTES_DIALOG),
- withStyles(styles))(
+ styles)(
(props: WithDialogProps<VirtualMachineAttributesProps> & VirtualMachineAttributesProps) =>
<Dialog open={props.open}
onClose={props.closeDialog}
maxWidth="sm">
<DialogTitle>Attributes</DialogTitle>
<DialogContent>
- <Typography variant="body2" className={props.classes.spacing}>
+ <Typography variant='body1' className={props.classes.spacing}>
{props.data.virtualMachineData && attributes(props.data.virtualMachineData, props.classes)}
</Typography>
</DialogContent>
<DialogActions>
<Button
- variant='flat'
+ variant='text'
color='primary'
onClick={props.closeDialog}>
Close