Refactored Blocks/ToC/Edits.jsx to functional component

packages/volto/news/6167.feature

@@ -0,0 +1 @@
+Refactor the table of contents block component from a class component to a functional component. @Prince0906

packages/volto/src/components/manage/Blocks/ToC/Edit.jsx

@@ -1,40 +1,39 @@
-import React, { Component } from 'react';
+import React from 'react';
 
 import { SidebarPortal } from '@plone/volto/components';
 import { BlockDataForm } from '@plone/volto/components/manage/Form';
 
 import TableOfContentsSchema from './Schema';
 import View from './View';
 
-class Edit extends Component {
-  render() {
-    const schema = TableOfContentsSchema(this.props);
+const Edit = (props) => {
+  const { onChangeBlock, data, block, selected, navRoot, contentType, blocksErrors } = props;
+  const schema = TableOfContentsSchema(props);
 
-    return (
-      <>
-        <View {...this.props} mode="edit" />
+  return (
+    <>
+      <View {...props} mode="edit" />
 
-        <SidebarPortal selected={this.props.selected}>
-          <BlockDataForm
-            schema={schema}
-            title={schema.title}
-            onChangeField={(id, value) => {
-              this.props.onChangeBlock(this.props.block, {
-                ...this.props.data,
-                [id]: value,
-              });
-            }}
-            onChangeBlock={this.props.onChangeBlock}
-            formData={this.props.data}
-            block={this.props.block}
-            navRoot={this.props.navRoot}
-            contentType={this.props.contentType}
-            errors={this.props.blocksErrors}
-          />
-        </SidebarPortal>
-      </>
-    );
-  }
-}
+      <SidebarPortal selected={selected}>
+        <BlockDataForm
+          schema={schema}
+          title={schema.title}
+          onChangeField={(id, value) => {
+            onChangeBlock(block, {
+              ...data,
+              [id]: value,
+            });
+          }}
+          onChangeBlock={onChangeBlock}
+          formData={data}
+          block={block}
+          navRoot={navRoot}
+          contentType={contentType}
+          errors={blocksErrors}
+        />
+      </SidebarPortal>
+    </>
+  );
+};
 
 export default Edit;