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 {
+
+
+
);