diff --git a/web/app/@types/markdown-toolbar-element/index.d.ts b/web/app/@types/markdown-toolbar-element/index.d.ts index 64f9e96da4..dd95648ca2 100644 --- a/web/app/@types/markdown-toolbar-element/index.d.ts +++ b/web/app/@types/markdown-toolbar-element/index.d.ts @@ -10,5 +10,6 @@ declare namespace JSX { 'md-italic': any; 'md-quote': any; 'md-code': any; + 'md-link': any; } } diff --git a/web/app/components/input/markdown-toolbar-icons/link-icon.tsx b/web/app/components/input/markdown-toolbar-icons/link-icon.tsx new file mode 100644 index 0000000000..40b8cb2a62 --- /dev/null +++ b/web/app/components/input/markdown-toolbar-icons/link-icon.tsx @@ -0,0 +1,13 @@ +/** @jsx h */ +import { h } from 'preact'; + +export default function LinkIcon() { + return ( + + ); +} diff --git a/web/app/components/input/markdown-toolbar.tsx b/web/app/components/input/markdown-toolbar.tsx index c01ce2dc56..66473bff7e 100644 --- a/web/app/components/input/markdown-toolbar.tsx +++ b/web/app/components/input/markdown-toolbar.tsx @@ -6,6 +6,7 @@ import HeaderIcon from './markdown-toolbar-icons/header-icon'; import ItalicIcon from './markdown-toolbar-icons/italic-icon'; import QuoteIcon from './markdown-toolbar-icons/quote-icon'; import CodeIcon from './markdown-toolbar-icons/code-icon'; +import LinkIcon from './markdown-toolbar-icons/link-icon'; interface Props { textareaId: string; @@ -16,6 +17,7 @@ const headerLabel = 'Add header text'; const italicLabel = 'Add italic text '; const quoteLabel = 'Insert a quote'; const codeLabel = 'Insert a code'; +const linkLabel = 'Add a link '; export default class MarkdownToolbar extends Component { render(props: RenderableProps) { @@ -39,6 +41,9 @@ export default class MarkdownToolbar extends Component { + + + );