Merge pull request #1054 from openedx/sundas/INF-1389

fix: disabled email cadence dropdown while api is pending

src/notification-preferences/EmailCadences.jsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 
 import PropTypes from 'prop-types';
+import { useSelector } from 'react-redux';
 
 import { useIntl } from '@edx/frontend-platform/i18n';
 import { ExpandLess, ExpandMore } from '@openedx/paragon/icons';
@@ -10,21 +11,24 @@ import {
 
 import messages from './messages';
 import EMAIL_CADENCE from './data/constants';
+import { selectUpdatePreferencesStatus } from './data/selectors';
+import { LOADING_STATUS } from '../constants';
 
 const EmailCadences = ({
   email, onToggle, emailCadence, notificationType,
 }) => {
   const intl = useIntl();
   const [isOpen, open, close] = useToggle(false);
   const [target, setTarget] = useState(null);
+  const updatePreferencesStatus = useSelector(selectUpdatePreferencesStatus());
 
   return (
     <>
       <Button
         ref={setTarget}
         variant="outline-primary"
         onClick={open}
-        disabled={!email}
+        disabled={!email || updatePreferencesStatus === LOADING_STATUS}
         size="sm"
         iconAfter={isOpen ? ExpandLess : ExpandMore}
         className="border-light-300 justify-content-between ml-3.5 cadence-button"