import * as React from 'react' ; import { MessageHelper } from '../../helpers/MessageHelper' ; import { CommandToCode } from '../CommandToCode' ; import { ActionButton } from './ActionButton' ; export interface IPublishActionProps { draft : boolean ; } const PublishAction = ( props ) => { const { draft } = props ; const publish = ( ) => { MessageHelper . sendMessage ( CommandToCode . publish ) ; } ; return ( < ActionButton onClick = { publish } className = { `${ draft ? "" : "secondary" }` } title = { draft ? "Publish" : "Revert to draft" } / > ) ; } ; PublishAction . displayName = 'PublishAction' ; export { PublishAction } ;