- {items.length === 0 && !loading ? (
-
-
- {canInviteCurators ? (
-
-
-
+ return (
+
+
+
+
+
+
+ {canInviteCurators &&
}
+ {error &&
}
+
+ {items.length === 0 && !loading ? (
+
+
+ {canInviteCurators ? (
+
+ ) : (
+
+ )}
) : (
-
+
+ {items.map(item =>
+ ()
+ )}
+ {moreToLoad &&
+
+
+
+ }
+
)}
- ) : (
-
- {items.map(item =>
- ()
- )}
- {moreToLoad &&
-
-
-
- }
-
- )}
-
);
+
+ );
};
StudioCurators.propTypes = {
@@ -87,7 +91,6 @@ StudioCurators.propTypes = {
})
})),
canInviteCurators: PropTypes.bool,
- showCuratorInvite: PropTypes.bool,
loading: PropTypes.bool,
error: PropTypes.object, // eslint-disable-line react/forbid-prop-types
moreToLoad: PropTypes.bool,
@@ -97,8 +100,7 @@ StudioCurators.propTypes = {
export default connect(
state => ({
...curators.selector(state),
- canInviteCurators: selectCanInviteCurators(state),
- showCuratorInvite: selectShowCuratorInvite(state)
+ canInviteCurators: selectCanInviteCurators(state)
}),
{
onLoadMore: loadCurators
diff --git a/src/views/studio/studio-description.jsx b/src/views/studio/studio-description.jsx
index 3f3765302..11a16f7ff 100644
--- a/src/views/studio/studio-description.jsx
+++ b/src/views/studio/studio-description.jsx
@@ -1,17 +1,19 @@
/* eslint-disable react/jsx-no-bind */
-import React from 'react';
+import React, {useState} from 'react';
import PropTypes from 'prop-types';
import {connect} from 'react-redux';
import classNames from 'classnames';
import {FormattedMessage} from 'react-intl';
import {selectStudioDescription, selectIsFetchingInfo} from '../../redux/studio';
-import {selectCanEditInfo} from '../../redux/studio-permissions';
+import {selectCanEditInfo, selectShowEditMuteError} from '../../redux/studio-permissions';
import {
Errors, mutateStudioDescription, selectIsMutatingDescription, selectDescriptionMutationError
} from '../../redux/studio-mutations';
import ValidationMessage from '../../components/forms/validation-message.jsx';
+import decorateText from '../../lib/decorate-text.jsx';
+import StudioMuteEditMessage from './studio-mute-edit-message.jsx';
const errorToMessageId = error => {
switch (error) {
@@ -23,27 +25,48 @@ const errorToMessageId = error => {
};
const StudioDescription = ({
- descriptionError, isFetching, isMutating, description, canEditInfo, handleUpdate
+ descriptionError, isFetching, isMutating, isMutedEditor, description, canEditInfo, handleUpdate
}) => {
+ const [showMuteMessage, setShowMuteMessage] = useState(false);
+
const fieldClassName = classNames('studio-description', {
'mod-fetching': isFetching,
'mod-mutating': isMutating,
- 'mod-form-error': !!descriptionError
+ 'mod-form-error': !!descriptionError,
+ 'muted-editor': showMuteMessage
});
+
return (
-
-
}
+ 
+ 
+