diff options
| -rw-r--r-- | src/lib/Markdown/Markdown.tsx | 11 | ||||
| -rw-r--r-- | src/lib/Markdown/emojilib.d.ts | 2 | ||||
| -rw-r--r-- | src/lib/Markdown/remark-gemoji.d.ts | 2 | ||||
| -rw-r--r-- | src/lib/Markdown/types.ts | 4 |
4 files changed, 11 insertions, 8 deletions
diff --git a/src/lib/Markdown/Markdown.tsx b/src/lib/Markdown/Markdown.tsx index 01923f9..955aeda 100644 --- a/src/lib/Markdown/Markdown.tsx +++ b/src/lib/Markdown/Markdown.tsx @@ -1,7 +1,8 @@ import React, { useState, useEffect } from 'react'; +import { Link, Typography } from '@material-ui/core'; import axios from 'axios'; import ReactMarkdown from 'react-markdown'; -import { Link, Typography } from '@material-ui/core'; +import emoji from 'remark-gemoji'; import CodeBlock from './CodeBlock'; import InlineCode from './InlineCode'; @@ -44,7 +45,13 @@ const Markdown: React.FC<PropTypes> = ({ data, url }) => { return ( <Typography> - <ReactMarkdown renderers={renderers} allowDangerousHtml>{sanitized}</ReactMarkdown> + <ReactMarkdown + renderers={renderers} + plugins={[emoji]} + allowDangerousHtml + > + {sanitized} + </ReactMarkdown> </Typography> ); }; diff --git a/src/lib/Markdown/emojilib.d.ts b/src/lib/Markdown/emojilib.d.ts deleted file mode 100644 index cddfeea..0000000 --- a/src/lib/Markdown/emojilib.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -declare module 'emojilib'; - diff --git a/src/lib/Markdown/remark-gemoji.d.ts b/src/lib/Markdown/remark-gemoji.d.ts new file mode 100644 index 0000000..d4b4bf6 --- /dev/null +++ b/src/lib/Markdown/remark-gemoji.d.ts @@ -0,0 +1,2 @@ +declare module 'remark-gemoji'; + diff --git a/src/lib/Markdown/types.ts b/src/lib/Markdown/types.ts deleted file mode 100644 index 0b6f4b6..0000000 --- a/src/lib/Markdown/types.ts +++ /dev/null @@ -1,4 +0,0 @@ -export interface ParserPropTypes { - rawLines: string[]; -} - |