feat: refactoring

src/extensions/Iframe.js

 import { Node, mergeAttributes } from '@tiptap/core'
 
 const Iframe = Node.create({
-    name: 'iframe',
-    group: 'block',
-    selectable: false,
-    draggable: true,
-    atom: true,
+  name: 'iframe',
+  group: 'block',
+  selectable: false,
+  draggable: true,
+  atom: true,
 
-    addAttributes() {
-        return {
-            "src": {
-                default: null
-            },
-            "frameborder": {
-                default: 0,
-            },
-            "allowfullscreen": {
-                default: true,
-                parseHTML: () => {
-                    console.log(this)
-                },
-            },
-            "setInnerModalType" : {
-                default: null
-            },
-            "setModalIsOpen" : {
-                default: null
-            },
-            "setModalTitle" : {
-                default: null
-            },
-            "setCurrentRemoveIframe" : {
-                default: null
-            }
+  addAttributes() {
+    return {
+      src: {
+        default: null
+      },
+      frameborder: {
+        default: 0
+      },
+      allowfullscreen: {
+        default: true,
+        parseHTML: () => {
+          console.log(this)
         }
-    },
+      }
+    }
+  },
 
-    parseHTML() {
-        return [
-            {
-                tag: 'iframe',
-            },
-        ]
-    },
+  parseHTML() {
+    return [
+      {
+        tag: 'iframe'
+      }
+    ]
+  },
 
-    renderHTML({ HTMLAttributes }) {
-        return ['iframe', mergeAttributes(HTMLAttributes)];
-    },
+  renderHTML({ HTMLAttributes }) {
+    return ['iframe', mergeAttributes(HTMLAttributes)]
+  },
 
-    addNodeView() {
-        return ({ editor, node, ...a }) => {
-            const container = document.createElement('div');
+  addNodeView() {
+    return ({ editor, node, ...a }) => {
+      const container = document.createElement('div')
 
-            const iframe = document.createElement('iframe');
-            iframe.src = node.attrs.src;
-            iframe.allowfullscreen = node.attrs.allowfullscreen;
-            iframe.classList.add('customIframe');
+      const iframe = document.createElement('iframe')
+      iframe.src = node.attrs.src
+      iframe.allowfullscreen = node.attrs.allowfullscreen
+      iframe.classList.add('customIframe')
 
-            const closeBtn = document.createElement('button');
-            closeBtn.textContent = 'X';
-            closeBtn.classList.add('closeBtn');
-            closeBtn.addEventListener('click', function () {
-                try {
-                    node.attrs.setModalTitle('Вы уверены, что хотите удалить?');
-                    node.attrs.setInnerModalType('remove_iframe');
-                    node.attrs.setModalIsOpen(true);
-                    node.attrs.setCurrentRemoveIframe(container);
-                } catch {
-                    container.remove();
-                }
-            });
+      const closeBtn = document.createElement('button')
+      closeBtn.textContent = 'X'
+      closeBtn.classList.add('closeBtn')
+      closeBtn.addEventListener('click', function () {
+        container.remove()
+      })
 
-            // if (editor.isEditable) {
-            //     container.classList.add('pointer-events-none');
-            // }
+      // if (editor.isEditable) {
+      //     container.classList.add('pointer-events-none');
+      // }
 
-            container.append(closeBtn, iframe);
+      container.append(closeBtn, iframe)
 
-            return {
-                dom: container,
-            }
-        }
-    },
-
-    addCommands() {
-        return {
-            setIframe: (options) => ({ tr, dispatch }) => {
-                const { selection } = tr
-                const node = this.type.create(options)
+      return {
+        dom: container
+      }
+    }
+  },
 
-                if (dispatch) {
-                    tr.replaceRangeWith(selection.from, selection.to, node)
-                }
+  addCommands() {
+    return {
+      setIframe:
+        (options) =>
+        ({ tr, dispatch }) => {
+          const { selection } = tr
+          const node = this.type.create(options)
 
-                return true
-            },
+          if (dispatch) {
+            tr.replaceRangeWith(selection.from, selection.to, node)
+          }
+          return true
         }
-    },
-});
+    }
+  }
+})
 
-export default Iframe;
+export default Iframe

src/modals/IframeCustomModal.js

-import React, { Fragment } from "react";
+import React, { Fragment } from 'react'
 
-export default function IframeCustomModal ({embedContent, setEmbedContent}) {
-    return (
-        <Fragment>
-            <textarea
-                style={{width: '100%', height: '100%'}}
-                rows={18}
-                value={embedContent}
-                placeholder={'<iframe></iframe>'}
-                onInput={(e) => setEmbedContent(e.target.value)}
-            />
-        </Fragment>
-    )
+export default function IframeCustomModal({ embedContent, setEmbedContent }) {
+  return (
+    <Fragment>
+      <textarea
+        style={{ width: '100%', height: '100%' }}
+        rows={18}
+        value={embedContent}
+        placeholder='<iframe></iframe>'
+        onInput={(e) => setEmbedContent(e.target.value)}
+      />
+    </Fragment>
+  )
 }

src/modals/IframeModal.js

-import React, { Fragment } from "react";
+import React, { Fragment } from 'react'
 
-export default function IframeModal ({embedContent, setEmbedContent}) {
-    return (
-        <Fragment>
-            <input type="text" value={embedContent} placeholder={'https://'}
-                   onInput={(e) => setEmbedContent(e.target.value)
-                   }/>
-            <ul className={'atma-editor-soc-video'}>
-                <li className={'youtube'}/>
-                <li className={'vimeo'}/>
-                {/* <li className={'vk'}/> */}
-                <li className={'ok'}/>
-                <li className={'rutube'}/>
-            </ul>
-        </Fragment>
-    )
+export default function IframeModal({ embedContent, setEmbedContent }) {
+  return (
+    <Fragment>
+      <input
+        type='text'
+        value={embedContent}
+        placeholder='https://'
+        onInput={(e) => setEmbedContent(e.target.value)}
+      />
+      <ul className='atma-editor-soc-video'>
+        <li className='youtube' />
+        <li className='vimeo' />
+        {/* <li className={'vk'}/> */}
+        <li className='ok' />
+        <li className='rutube' />
+      </ul>
+    </Fragment>
+  )
 }

src/modals/RemoveIframeModal.js

-import React, { Fragment } from "react";
-
-export default function RemoveIframeModal(){
-    return (
-        <Fragment>
-
-        </Fragment>
-    )
-}