feat: spinner on loading

feat: spinner loading added

Author: giuliaghisini

frontend/packages/volto-searchblocks/src/components/SearchBlocks/SearchBlocks.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { createPortal } from 'react-dom';
 import { Link } from 'react-router-dom';
-import { Container, Segment, Header, Table } from 'semantic-ui-react';
+import { Container, Segment, Header, Table, Loader } from 'semantic-ui-react';
 import { Helmet } from '@plone/volto/helpers';
 import { SelectWidget } from '@plone/volto/components';
 import Toolbar from '@plone/volto/components/manage/Toolbar/Toolbar';
@@ -174,9 +174,9 @@ const SearchBlocks = (props) => {
         <Segment>
           <div className="blocks-search-results">
             {loading && (
-              <div className="loader">
+              <Loader active inline="centered" size="medium">
                 <FormattedMessage {...messages.loading} />
-              </div>
+              </Loader>
             )}
 
             {!loading && items && items.length > 0 && (

frontend/packages/volto-searchblocks/src/constants/ActionTypes.js

@@ -1,3 +1,4 @@
 export const SEARCH_BLOCKS = 'SEARCH_BLOCKS';
+export const SEARCH_BLOCKS_PENDING = 'SEARCH_BLOCKS_PENDING';
 export const SEARCH_BLOCKS_SUCCESS = 'SEARCH_BLOCKS_SUCCESS';
 export const SEARCH_BLOCKS_FAIL = 'SEARCH_BLOCKS_FAIL';

frontend/packages/volto-searchblocks/src/reducers/searchBlocks.js

@@ -1,5 +1,5 @@
 import {
-  SEARCH_BLOCKS,
+  SEARCH_BLOCKS_PENDING,
   SEARCH_BLOCKS_SUCCESS,
   SEARCH_BLOCKS_FAIL,
 } from '../constants/ActionTypes';
@@ -17,7 +17,7 @@ const initialState = {
 
 export default function searchBlocks(state = initialState, action = {}) {
   switch (action.type) {
-    case SEARCH_BLOCKS:
+    case SEARCH_BLOCKS_PENDING:
       return {
         ...state,
         error: null,