[desk-tool] Publish badge in document list (#1407)

* [desk-tool] Draft badge instead of pencil * [desk-tool] Disabled publish button when stuff is going on * [desk-tool] Draft status tooltip text
sanity-io · Aug 2, 2019 · 0de35e2 · 0de35e2
1 parent 9e613da
commit 0de35e2
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 6 deletions.
diff --git a/packages/@sanity/desk-tool/src/components/DraftStatus.js b/packages/@sanity/desk-tool/src/components/DraftStatus.js
@@ -1,21 +1,23 @@
 import React from 'react'
-import EditIcon from 'part:@sanity/base/edit-icon'
 import {Tooltip} from 'react-tippy'
 import styles from './styles/ItemStatus.css'
+import Badge from 'part:@sanity/components/badges/default'
 
 const DraftStatus = () => (
   <Tooltip
     className={styles.itemStatus}
-    title="Has changes not yet published"
+    title="There are unpublished edits"
     arrow
     theme="light"
     distance="2"
     sticky
     size="small"
   >
-    <i>
-      <EditIcon />
-    </i>
+    <div className={styles.draftBadge}>
+      <Badge inverted faded>
+        Draft
+      </Badge>
+    </div>
   </Tooltip>
 )
 

diff --git a/packages/@sanity/desk-tool/src/components/styles/ItemStatus.css b/packages/@sanity/desk-tool/src/components/styles/ItemStatus.css
@@ -20,3 +20,8 @@
     align-items: center;
   }
 }
+
+.draftBadge {
+  font-size: var(--font-size-tiny--relative);
+  opacity: 0.75;
+}
diff --git a/packages/@sanity/desk-tool/src/pane/Editor/Editor.js b/packages/@sanity/desk-tool/src/pane/Editor/Editor.js
@@ -568,7 +568,15 @@ export default withRouterHOC(
             html={this.renderPublishButtonTooltip(errors, published)}
           >
             <Button
-              disabled={isReconnecting || !draft || errors.length > 0}
+              disabled={
+                isCreatingDraft ||
+                isPublishing ||
+                isReconnecting ||
+                isRestoring ||
+                isUnpublishing ||
+                !draft ||
+                errors.length > 0
+              }
               onClick={this.handlePublishRequested}
               color="primary"
             >