enable clear edits

ui/page/collection/index.js

@@ -13,7 +13,7 @@ import {
   makeSelectClaimIsPending,
   makeSelectClaimForClaimId,
   makeSelectCollectionIsMine,
-  doLocalCollectionDelete,
+  doCollectionDelete,
   doCollectionEdit,
   makeSelectChannelForClaimUri,
   makeSelectCountForCollectionId,
@@ -50,7 +50,7 @@ const select = (state, props) => {
 
 const perform = (dispatch) => ({
   fetchCollectionItems: (claimId, cb) => dispatch(doFetchItemsInCollection({ collectionId: claimId }, cb)), // if this collection is not resolved, resolve it
-  deleteCollection: (id) => dispatch(doLocalCollectionDelete(id)),
+  deleteCollection: (id, colKey) => dispatch(doCollectionDelete(id, colKey)),
   editCollection: (id, params) => dispatch(doCollectionEdit(id, params)),
 });
 

ui/page/collection/view.jsx

@@ -6,6 +6,7 @@ import * as PAGES from 'constants/pages';
 import { useHistory } from 'react-router-dom';
 import CollectionEdit from 'component/collectionEdit';
 import Card from 'component/common/card';
+import Button from 'component/button';
 import CollectionActions from 'component/collectionActions';
 import classnames from 'classnames';
 import ClaimAuthor from 'component/claimAuthor';
@@ -32,7 +33,7 @@ type Props = {
   isMyCollection: boolean,
   claimIsPending: boolean,
   collectionHasEdits: boolean,
-  deleteCollection: (string) => void,
+  deleteCollection: (string, string) => void,
   editCollection: (string, CollectionEditParams) => void,
   fetchCollectionItems: (string, () => void) => void,
   resolveUris: (string) => void,
@@ -51,6 +52,7 @@ export default function CollectionPage(props: Props) {
     claimIsPending,
     isResolvingCollection,
     fetchCollectionItems,
+    deleteCollection,
   } = props;
 
   const {
@@ -83,7 +85,14 @@ export default function CollectionPage(props: Props) {
     </div>
   );
 
-  const unpublished = <span className="help">{__('Unpublished Edit')}</span>;
+  const unpublished = (
+    <Button
+      button="close"
+      icon={ICONS.REFRESH}
+      label={__('Clear Edits')}
+      onClick={() => deleteCollection(collectionId, COLLECTIONS_CONSTS.COL_KEY_EDITED)}
+    />
+  );
 
   let titleActions;
   if (collectionHasEdits) {
@@ -104,7 +113,6 @@ export default function CollectionPage(props: Props) {
         <span>
           <Icon icon={ICONS.STACK} className="icon--margin-right" />
           {claim ? claim.value.title || claim.name : collection && collection.name}
-          {collectionHasEdits && <span className={'collection-title__hasEdits'}>(*)</span>}
         </span>
       }
       titleActions={titleActions}