Update application edit page layout
-import { createStyles, Grid, Theme, withStyles, WithStyles } from "@material-ui/core";
+import { createStyles, Grid, Theme, withStyles, WithStyles, Box } from "@material-ui/core";
import { push } from "connected-react-router";
import React from "react";
import { connect } from "react-redux";
@@ -6,7 +6,7 @@ import { RouteChildrenProps } from "react-router-dom";
import {
createComponentAction,
setIsSubmittingApplicationComponent,
- updateComponentAction
+ updateComponentAction,
} from "../../actions/application";
import { ComponentLikeForm } from "../../forms/ComponentLike";
import { RootState } from "../../reducers";
@@ -31,17 +31,17 @@ const styles = (theme: Theme) =>
root: {
// padding: theme.spacing(3)
minHeight: "100%",
- backgroundColor: "#F4F5F7"
+ backgroundColor: "#F4F5F7",
},
secondHeaderRight: {
height: "100%",
width: "100%",
display: "flex",
- alignItems: "center"
+ alignItems: "center",
},
secondHeaderRightItem: {
- marginLeft: 20
- }
+ marginLeft: 20,
+ },
});
interface State {
@@ -59,7 +59,7 @@ class ApplicationEditRaw extends React.PureComponent<Props, State> {
super(props);
this.state = {
- changingComponent: false
+ changingComponent: false,
};
}
@@ -136,8 +136,9 @@ class ApplicationEditRaw extends React.PureComponent<Props, State> {
}
return (
+ <Box p={2}>
<Grid container spacing={2} className={classes.root}>
- <Grid item xs={8} sm={8} md={8}>
+ <Grid item md={8}>
<ComponentLikeForm
application={application}
// sharedEnv={sharedEnv}
@@ -149,16 +150,17 @@ class ApplicationEditRaw extends React.PureComponent<Props, State> {
showDataView
/>
</Grid>
- <Grid item xs={4} sm={4} md={4}>
+ <Grid item md={4}>
<ComponentStatus
component={application?.get("components")?.find(x => x.get("name") === currentComponent?.get("name"))}
/>
</Grid>
</Grid>
+ </Box>
);
}
}
export const ApplicationEdit = connect(mapStateToProps)(
- withStyles(styles)(ApplicationItemDataWrapper({ reloadFrequency: 3000 })(ApplicationEditRaw))
+ withStyles(styles)(ApplicationItemDataWrapper({ reloadFrequency: 300000 })(ApplicationEditRaw)),
);
