@@ -56,19 +56,34 @@ const InputErrorMessage = ({ hasError, errorMessage, value }) => {
5656
5757const SetReplyToEmailPopupButtons = props => (
5858 < div className = "popup-buttons" >
59- < button
60- className = "button-a popup-cancel-button"
61- onClick = { props . onTogglePopup }
62- >
63- < span > { string . popups . set_reply_to . cancelButtonLabel } </ span >
64- </ button >
65- < button
66- className = "button-a popup-confirm-button"
67- onClick = { props . onConfirmSetReplyTo }
68- disabled = { props . isDisabledSetReplyToSubmitButton }
69- >
70- < span > { string . popups . set_reply_to . confirmButtonLabel } </ span >
71- </ button >
59+ { props . isLoading ? (
60+ < LoadingWheel />
61+ ) : (
62+ < div >
63+ < button
64+ className = "button-a popup-cancel-button"
65+ onClick = { props . onTogglePopup }
66+ >
67+ < span > { string . popups . set_reply_to . cancelButtonLabel } </ span >
68+ </ button >
69+ < button
70+ className = "button-a popup-confirm-button"
71+ onClick = { props . onConfirmSetReplyTo }
72+ disabled = { props . isDisabledSetReplyToSubmitButton }
73+ >
74+ < span > { string . popups . set_reply_to . confirmButtonLabel } </ span >
75+ </ button >
76+ </ div >
77+ ) }
78+ </ div >
79+ ) ;
80+
81+ const LoadingWheel = ( ) => (
82+ < div className = "loading-ring" >
83+ < div />
84+ < div />
85+ < div />
86+ < div />
7287 </ div >
7388) ;
7489
@@ -82,7 +97,8 @@ SetReplyToPopupInput.propTypes = {
8297SetReplyToEmailPopupButtons . propTypes = {
8398 onTogglePopup : PropTypes . func ,
8499 onConfirmSetReplyTo : PropTypes . func ,
85- isDisabledSetReplyToSubmitButton : PropTypes . bool
100+ isDisabledSetReplyToSubmitButton : PropTypes . bool ,
101+ isLoading : PropTypes . bool
86102} ;
87103
88104SetReplyToEmailPopup . propTypes = {
0 commit comments