functional app show
import { Box, createStyles, Theme, WithStyles, withStyles } from "@material-ui/core";
+import { withNamespace, WithNamespaceProps } from "hoc/withNamespace";
+import { ApplicationSidebar } from "pages/Application/ApplicationSidebar";
import React from "react";
import { connect } from "react-redux";
-import { ApplicationSidebar } from "pages/Application/ApplicationSidebar";
+import { RootState } from "reducers";
+import sc from "utils/stringConstants";
import { Body } from "widgets/Label";
import { Namespaces } from "widgets/Namespaces";
import { BasePage } from "../BasePage";
import { ApplicationOverview } from "./Detail";
-import { withNamespace, WithNamespaceProps } from "hoc/withNamespace";
-import { RootState } from "reducers";
-import sc from "utils/stringConstants";
const mapStateToProps = (_state: RootState) => {
return {};
@@ -21,8 +21,7 @@ const styles = (theme: Theme) =>
interface Props extends WithNamespaceProps, WithStyles<typeof styles> {}
-class ApplicationShowRaw extends React.PureComponent<Props> {
- public render() {
+const ApplicationShowRaw: React.FC<Props> = (props) => {
return (
<BasePage
secondHeaderLeft={<Namespaces />}
@@ -34,7 +33,6 @@ class ApplicationShowRaw extends React.PureComponent<Props> {
</Box>
</BasePage>
);
- }
-}
+};
export const ApplicationShowPage = withStyles(styles)(withNamespace(connect(mapStateToProps)(ApplicationShowRaw)));
