Use own interface for Emoji

systemli · Apr 25, 2024 · 4898c54 · 4898c54
1 parent a97655e
commit 4898c54
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/src/components/message/Emoji.ts b/src/components/message/Emoji.ts
@@ -0,0 +1,3 @@
+export interface Emoji {
+  native: string
+}
diff --git a/src/components/message/EmojiPickerModal.tsx b/src/components/message/EmojiPickerModal.tsx
@@ -1,8 +1,8 @@
 import React, { FC } from 'react'
 import Modal from '../common/Modal'
-import { Emoji } from 'emoji-mart'
 import data from '@emoji-mart/data'
 import Picker from '@emoji-mart/react'
+import { Emoji } from './Emoji'
 
 interface Props {
   open: boolean
@@ -17,13 +17,8 @@ const EmojiPickerModal: FC<Props> = ({ open, onClose, onChange }) => {
   }
 
   return (
-    <Modal
-      dialogContentSx={{ px: 0 }}
-      onClose={onClose}
-      open={open}
-      title="Insert emoji"
-    >
-      <Picker data={data} onClickOutside={() => onClose } onEmojiSelect={handleChange}/>
+    <Modal dialogContentSx={{ px: 0 }} onClose={onClose} open={open} title="Insert emoji">
+      <Picker data={data} onClickOutside={() => onClose} onEmojiSelect={handleChange} />
     </Modal>
   )
 }

diff --git a/src/components/message/MessageForm.tsx b/src/components/message/MessageForm.tsx
@@ -15,7 +15,7 @@ import { Box, Button, FormGroup, IconButton, Stack, TextField } from '@mui/mater
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faMapLocationDot, faPaperPlane, faSmile } from '@fortawesome/free-solid-svg-icons'
 import palette from '../../theme/palette'
-import { Emoji } from 'emoji-mart'
+import { Emoji } from './Emoji'
 
 interface Props {
   ticker: Ticker