0f3342bcec
* Create alternate editor * Install linkstate (?) Not sure how it disappear in the first place * Run yarn install * Modulize ArticleForm component * Refactor * Isolating css WIP * Implement simplified frontmatter-less editor * Modulize individual form element * Ajust props names * Transform json params to snakecase * Remove codes * Update /new, almost there for release * Fix editor resize issues * Change defaultvalue to value in article form tag element * Modify html buttons in article form
26 lines
751 B
JavaScript
26 lines
751 B
JavaScript
import { h } from 'preact';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const PublishToggle = ({ previewShowing, onPreview, onSaveDraft, onPublish, onHelp, published, helpShowing }) => (
|
|
<div className="articleform__buttons">
|
|
<button onClick={onHelp} className={helpShowing ? "active" : "inactive" }>
|
|
HELP
|
|
</button>
|
|
<button onClick={onPreview} className={previewShowing ? "active" : "inactive" }>
|
|
PREVIEW
|
|
</button>
|
|
<button onClick={onSaveDraft}>
|
|
{published ? 'UNPUBLISH' : 'SAVE DRAFT' }
|
|
</button>
|
|
<button onClick={onPublish}>
|
|
{published ? 'SAVE CHANGES' : 'PUBLISH' }
|
|
</button>
|
|
|
|
</div>
|
|
);
|
|
|
|
PublishToggle.propTypes = {
|
|
defaultValue: PropTypes.string.isRequired,
|
|
};
|
|
|
|
export default PublishToggle;
|