@retikolo/drag-drop-content-types 1.5.2 → 1.5.4

package/admin/src/components/SortModal/index.js

@@ -2,6 +2,7 @@ import { arrayMoveImmutable } from 'array-move';
 import React, { useEffect, useState } from 'react';
 import { useDispatch } from 'react-redux';
 // import { useHistory } from 'react-router-dom';
+import { useNotification, useAPIErrorHandler } from '@strapi/helper-plugin';
 import axiosInstance from '../../utils/axiosInstance';
 import { getData, getDataSucceeded } from '../../utils/strapi';
 import { useQueryParams } from '../../utils/useQueryParams';
@@ -24,6 +25,9 @@ const SortModal = () => {
   const { queryParams: params } = useQueryParams();
   const dispatch = useDispatch();
 
+  const toggleNotification = useNotification();
+  const { formatAPIError } = useAPIErrorHandler();
+
   // Get content type from url
   const paths = window.location.pathname.split('/');
   const contentTypePath = paths[paths.length - 1];
@@ -77,6 +81,7 @@ const SortModal = () => {
         rank: data.body.rank,
         title: data.body.title?.length > 0 ? data.body.title : mainField,
         subtitle: data.body.subtitle?.length > 0 ? data.body.subtitle : null,
+        mainField,
       };
       setSettings(fetchedSettings);
     } catch (e) {
@@ -190,6 +195,10 @@ const SortModal = () => {
       afterUpdate(pagination, sortedListViewEntries);
     } catch (e) {
       console.log('Could not update content type:', e);
+      toggleNotification({
+        type: 'warning',
+        message: formatAPIError(e)
+      });
       setStatus('error');
     }
   };
@@ -212,10 +221,10 @@ const SortModal = () => {
     fetchContentTypeConfig();
   }, []);
 
-  // Fetch settings on page render
+  // Fetch settings when mainField changes
   useEffect(() => {
     fetchSettings();
-  }, []);
+  }, [mainField]);
 
   // Update view when settings change
   useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retikolo/drag-drop-content-types",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "description": "This plugin add a drag and droppable list that allows you to sort content type entries.",
   "strapi": {
     "name": "drag-drop-content-types",
@@ -13,6 +13,7 @@
     "url": "https://github.com/plantagoIT/strapi-drag-drop-content-type-plugin"
   },
   "dependencies": {
+    "@strapi/helper-plugin": "^4.25.0",
     "array-move": "^4.0.0",
     "react-sortable-hoc": "^2.0.0",
     "zod": "^3.20.2"

package/server/controllers/sort.js

@@ -84,17 +84,13 @@ async function batchUpdate(updates, contentType) {
 
   for (const update of updates) {
     // update entry's rank in db
-    try {
-      const updatedEntry = await strapi.db.query(contentType).update({
-        where: { id: update.id },
-        data: {
-          [sortFieldName]: update.rank,
-        },
-      });
-      updatedEntry?.id && results.push(updatedEntry);
-    } catch (err) {
-      console.log(err);
-    }
+    const updatedEntry = await strapi.db.query(contentType).update({
+      where: { id: update.id },
+      data: {
+        [sortFieldName]: update.rank,
+      },
+    });
+    updatedEntry?.id && results.push(updatedEntry);
   }
   if (results?.length !== updates?.length) {
     throw new Error('Error updating rank entries.');