remove-view

wax-prosemirror-components/src/components/HeadingsDropDown.js

@@ -20,12 +20,12 @@ const dropDownOptions = [
 
 const HeadingsDropDown = ({ dispatch, state, item }) => (
   <DropdownStyled
-    options={dropDownOptions}
     onChange={option => {
       Commands.setBlockType(state.config.schema.nodes.heading, {
         level: option.value,
       })(state, dispatch);
     }}
+    options={dropDownOptions}
     placeholder="Choose heading"
     select={item.select && item.select(state)}
   />

wax-prosemirror-components/src/components/TableDropDown.js

@@ -52,7 +52,7 @@ const dropDownOptions = [
   { label: 'Toggle header cells', value: 'toggleHeaderCell' },
 ];
 
-const TableDropDown = ({ view: { dispatch, state }, item }) => {
+const TableDropDown = ({ item }) => {
   const { activeView } = useContext(WaxContext);
   const [selectedOption, setSelectedOption] = useState('');
 
@@ -61,7 +61,11 @@ const TableDropDown = ({ view: { dispatch, state }, item }) => {
     () => (
       <DropdownStyled
         onChange={option => {
-          item.run(activeView.state, dispatch, tablesFn[option.value]);
+          item.run(
+            activeView.state,
+            activeView.dispatch,
+            tablesFn[option.value],
+          );
           setSelectedOption(option.value);
 
           setTimeout(() => {

wax-prosemirror-services/src/MenuService/Menu.js

@@ -35,11 +35,9 @@ class Menu {
 
   render() {
     return () => {
-      const {
-        view: { main },
-        activeView,
-      } = useContext(WaxContext);
+      const { activeView } = useContext(WaxContext);
       const Bar = useMemo(() => (
+        // eslint-disable-next-line react/no-this-in-sfc
         <MenuWrapper items={this.toolGroups} view={activeView || {}} />
       ));
       return <>{Bar}</>;