gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: don't show duplicate entry when create is disabled (#3162)

Browse Source
This commit is contained in:
Erez Rokah 2020-01-28 14:28:33 -08:00 committed by GitHub
parent 22df7f7ae1
commit 06c045e4e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
packages/netlify-cms-core/src/components/Editor/EditorToolbar.js
View File

@ -29,6 +29,10 @@ const styles = {
align-items: center;
border: 0 solid ${colors.textFieldBorder};
`,
publishedButton: css`
background-color: ${colorsRaw.tealLight};
color: ${colorsRaw.teal};
`,
};
const ToolbarContainer = styled.div`
@ -140,9 +144,12 @@ const SaveButton = styled(ToolbarButton)`
${buttons.lightBlue};
`;
const PublishedButton = styled(StyledDropdownButton)`
background-color: ${colorsRaw.tealLight};
color: ${colorsRaw.teal};
const PublishedToolbarButton = styled(StyledDropdownButton)`
${styles.publishedButton}
`;
const PublishedButton = styled(ToolbarButton)`
${styles.publishedButton}
`;
const PublishButton = styled(StyledDropdownButton)`
@ -289,23 +296,33 @@ class EditorToolbar extends React.Component {
isNewEntry,
t,
} = this.props;
const canCreate = collection.get('create');
if (!isNewEntry && !hasChanged) {
return (
<>
{this.renderDeployPreviewControls(t('editor.editorToolbar.deployButtonLabel'))}
<ToolbarDropdown
dropdownTopOverlap="40px"
dropdownWidth="150px"
renderButton={() => (
<PublishedButton>{t('editor.editorToolbar.published')}</PublishedButton>
)}
>
<DropdownItem
label={t('editor.editorToolbar.duplicate')}
icon="add"
onClick={onDuplicate}
/>
</ToolbarDropdown>
{canCreate ? (
<ToolbarDropdown
dropdownTopOverlap="40px"
dropdownWidth="150px"
renderButton={() => (
<PublishedToolbarButton>
{t('editor.editorToolbar.published')}
</PublishedToolbarButton>
)}
>
{
<DropdownItem
label={t('editor.editorToolbar.duplicate')}
icon="add"
onClick={onDuplicate}
/>
}
</ToolbarDropdown>
) : (
<PublishedButton>{t('editor.editorToolbar.published')}</PublishedButton>
)}
</>
);
}
@ -328,7 +345,7 @@ class EditorToolbar extends React.Component {
iconDirection="right"
onClick={onPersist}
/>
{collection.get('create') ? (
{canCreate ? (
<>
<DropdownItem
label={t('editor.editorToolbar.publishAndCreateNew')}
@ -403,6 +420,8 @@ class EditorToolbar extends React.Component {
isPersisting,
t,
} = this.props;
const canCreate = collection.get('create');
if (currentStatus) {
return (
<>
@ -458,7 +477,7 @@ class EditorToolbar extends React.Component {
iconDirection="right"
onClick={onPublish}
/>
{collection.get('create') ? (
{canCreate ? (
<>
<DropdownItem
label={t('editor.editorToolbar.publishAndCreateNew')}
@ -489,11 +508,11 @@ class EditorToolbar extends React.Component {
dropdownTopOverlap="40px"
dropdownWidth="150px"
renderButton={() => (
<PublishedButton>
<PublishedToolbarButton>
{isPersisting
? t('editor.editorToolbar.unpublishing')
: t('editor.editorToolbar.published')}
</PublishedButton>
</PublishedToolbarButton>
)}
>
<DropdownItem
@ -502,11 +521,13 @@ class EditorToolbar extends React.Component {
iconDirection="right"
onClick={unPublish}
/>
<DropdownItem
label={t('editor.editorToolbar.duplicate')}
icon="add"
onClick={onDuplicate}
/>
{canCreate && (
<DropdownItem
label={t('editor.editorToolbar.duplicate')}
icon="add"
onClick={onDuplicate}
/>
)}
</ToolbarDropdown>
</>
);