feat: use remark-gemoji

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[];
-}
-