Merge pull request meshery#8703 from dhiraj0911/dhiraj

Refactor /management/index.js to functional component
Mohith234 · Sep 15, 2023 · 3746214 · 3746214
2 parents 5b47548 + e71970c
commit 3746214
Showing 1 changed file with 14 additions and 16 deletions.
diff --git a/ui/pages/index.js b/ui/pages/index.js
@@ -1,33 +1,31 @@
 import { NoSsr } from "@material-ui/core";
 import Head from 'next/head';
-import React from "react";
+import React, { useEffect } from "react";
 import { connect } from "react-redux";
 import { bindActionCreators } from 'redux';
 import DashboardComponent from "../components/DashboardComponent";
 import { getPath } from "../lib/path";
 import { updatepagepath } from "../lib/store";
 
-class Index extends React.Component {
-  componentDidMount () {
+function Index(props) {
+  useEffect(() => {
     console.log(`path: ${getPath()}`);
-    this.props.updatepagepath({ path : getPath() });
-  }
+    props.updatepagepath({ path : getPath() });
+  }, []);
 
-  render () {
-    return (
-      <NoSsr>
-        <Head>
-          <title>Dashboard | Meshery</title>
-        </Head>
-        <DashboardComponent />
-      </NoSsr>
-    );
-  }
+  return (
+    <NoSsr>
+      <Head>
+        <title>Dashboard | Meshery</title>
+      </Head>
+      <DashboardComponent />
+    </NoSsr>
+  );
 }
 
 const mapDispatchToProps = dispatch => ({ updatepagepath : bindActionCreators(updatepagepath, dispatch) })
 
 export default connect(
   null,
   mapDispatchToProps
-)(Index);
+)(Index);