Exercicio 39.3: Conecta action de listSecretarias a view do bloco

frontend/packages/volto-portal-governo/src/components/Blocks/SecretariasBlock/View.jsx

@@ -1,10 +1,27 @@
-import React from 'react';
+import React, { useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 import { withBlockExtensions } from '@plone/volto/helpers';
+import { listSecretarias } from '../../../actions/secretarias/secretarias';
 import SecretariasView from './DefaultView';
+
 const SecretariasBlockView = (props) => {
   const { data, isEditMode, className } = props;
+  const dispatch = useDispatch();
+  const secretarias = useSelector((state) => state.secretarias?.data);
+  // Dispara chamada na criação da constante dispatch
+
+  useEffect(() => {
+    dispatch(listSecretarias());
+  }, [dispatch]);
+
   return (
-    <SecretariasView {...data} isEditMode={isEditMode} className={className} />
+    <SecretariasView
+      {...data}
+      secretarias={secretarias}
+      isEditMode={isEditMode}
+      className={className}
+    />
   );
 };
+
 export default withBlockExtensions(SecretariasBlockView);

frontend/packages/volto-portal-governo/src/reducers/secretarias/secretarias.js

@@ -16,7 +16,7 @@ export default function secretarias(state = initialState, action = {}) {
     case `${LIST_SECRETARIAS}_SUCCESS`:
       return {
         ...state,
-        data: action.result,
+        data: action.result.items,
         error: null,
       };
     case `${LIST_SECRETARIAS}_FAIL`: