Files
omnivore/packages/web/components/patterns/MDEditorSavePlugin.tsx
2024-06-10 17:34:59 +08:00

31 lines
719 B
TypeScript

/* eslint-disable functional/no-class */
import { FloppyDisk } from '@phosphor-icons/react'
import { PluginComponent } from 'react-markdown-editor-lite'
import { Button } from '../elements/Button'
export default class MDEditorSavePlugin extends PluginComponent {
static pluginName = 'save'
static align = 'right'
constructor(props: any) {
super(props)
}
render() {
return (
<Button
style="plainIcon"
css={{ display: 'flex', pr: '5px' }}
onClick={(event) => {
document.dispatchEvent(new Event('saveMarkdownNote'))
event.preventDefault()
}}
>
<FloppyDisk size={18} weight="bold" color="#757575" />
</Button>
)
}
}