open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add spoiler button to format menu

Browse Source
This commit is contained in:
Sinclair Chen 2022-09-27 18:04:44 -04:00
parent d10a84806c
commit 93778762c1
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/editor.tsx
View File

@ -29,6 +29,7 @@ import { EmbedModal } from './editor/embed-modal'
import { import {
CheckIcon, CheckIcon,
CodeIcon, CodeIcon,
EyeOffIcon,
PhotographIcon, PhotographIcon,
PresentationChartLineIcon, PresentationChartLineIcon,
TrashIcon, TrashIcon,
@ -170,6 +171,7 @@ function FloatingMenu(props: { editor: Editor | null }) {
const isBold = editor.isActive('bold') const isBold = editor.isActive('bold')
const isItalic = editor.isActive('italic') const isItalic = editor.isActive('italic')
const isLink = editor.isActive('link') const isLink = editor.isActive('link')
const isSpoiler = editor.isActive('spoiler')
const setLink = () => { const setLink = () => {
const href = url && getUrl(url) const href = url && getUrl(url)
@ -198,6 +200,11 @@ function FloatingMenu(props: { editor: Editor | null }) {
<button onClick={() => (isLink ? unsetLink() : setUrl(''))}> <button onClick={() => (isLink ? unsetLink() : setUrl(''))}>
<LinkIcon className={clsx('h-5', isLink && 'text-indigo-200')} /> <LinkIcon className={clsx('h-5', isLink && 'text-indigo-200')} />
</button> </button>
<button onClick={() => editor.chain().focus().toggleSpoiler().run()}>
<EyeOffIcon
className={clsx('h-5', isSpoiler && 'text-indigo-200')}
/>
</button>
</> </>
) : ( ) : (
<> <>