Fixes #39285 - TableIndexPage does not show error messages correctly

webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/Table/DeleteModal.js

@@ -13,6 +13,16 @@ export const DeleteModal = ({
   selectedItem,
   refreshData,
 }) => {
+  const ERROR_MESSAGE_PREFIX = __('Failed to delete: ');
+  const parsedErrorMessage = (response, message) => {
+    const errMsg =
+      // eslint-disable-next-line camelcase
+      response?.data?.error?.full_messages?.join(', ') ||
+      response?.data?.error?.message ||
+      message;
+    return `${ERROR_MESSAGE_PREFIX} ${errMsg}`;
+  };
+
   const { name, id } = selectedItem;
   const dispatch = useDispatch();
   const onSubmit = () => {
@@ -25,7 +35,8 @@ export const DeleteModal = ({
           refreshData();
         },
         successToast: () => sprintf(__('%s was successfully deleted'), name),
-        errorToast: ({ message }) => message,
+        errorToast: ({ response, message }) =>
+          parsedErrorMessage(response, message),
       })
     );
   };

webpack/assets/javascripts/react_app/components/PF4/TableIndexPage/TableIndexPage.js

@@ -156,12 +156,19 @@ const TableIndexPage = ({
       per_page: perPage,
       page,
       subtotal,
-      message: errorMessage,
+      message: rawErrorMessage,
+      response: errorHttpResponse,
     },
     status = STATUS.PENDING,
     setAPIOptions,
   } = response;
 
+  const errorMessage =
+    // eslint-disable-next-line camelcase
+    errorHttpResponse?.data?.error?.full_messages?.join(', ') ||
+    errorHttpResponse?.data?.error?.message ||
+    rawErrorMessage;
+
   const memoDefaultSearchProps = useMemo(
     () => getControllerSearchProps(controller),
     [controller]