Refresh ElementalArea after closing popup

silverstripeltd · Aug 13, 2023 · e3e67d8 · e3e67d8
1 parent e370d91
commit e3e67d8
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 11 deletions.
diff --git a/_graphql/mutations.yml b/_graphql/mutations.yml
@@ -7,3 +7,6 @@
 'sortBlock(id: ID!, afterBlockID: ID!)':
   model: DNADesign\Elemental\Models\BaseElement
   description: Changes the sort position of an element
+'moveBlock(id: ID!)':
+  model: DNADesign\Elemental\Models\BaseElement
+  description: Move an element to another page
diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
diff --git a/client/src/components/ElementActions/MoveAction.js b/client/src/components/ElementActions/MoveAction.js
@@ -13,8 +13,7 @@ import i18n from 'i18n';
 const MoveAction = (MenuComponent) => (props) => {
   const FormBuilderModal = loadComponent('FormBuilderModal');
   const [modalOpen, setModalOpen] = useState(false);
-  // const { element: { id }, isPublished, actions: { handleMoveBlock } } = props;
-  const { element: { id } } = props;
+  const { element: { id }, actions: { handleMoveBlock } } = props;
 
   const handleClick = (event) => {
     event.stopPropagation();
@@ -23,7 +22,13 @@ const MoveAction = (MenuComponent) => (props) => {
   };
 
   const closeModal = () => {
-    // TODO: refetch the elemental list when the modal is closed
+    if (handleMoveBlock) {
+      handleMoveBlock(id).then(() => {
+        const preview = window.jQuery('.cms-preview');
+        preview.entwine('ss.preview')._loadUrl(preview.find('iframe').attr('src'));
+      });
+    }
+
     setModalOpen(false);
   };
 

diff --git a/client/src/state/editor/moveBlockMutation.js b/client/src/state/editor/moveBlockMutation.js
@@ -15,11 +15,9 @@ mutation MoveBlock($blockId:ID!) {
 
 const config = {
   props: ({ mutate, ownProps: { actions } }) => {
-    const handleMoveBlock = (blockId, fromPageId, toPageId) => mutate({
+    const handleMoveBlock = (blockId) => mutate({
       variables: {
         blockId,
-        fromPageId,
-        toPageId,
       },
     });