lint fixes

app/soapbox/features/compose/components/emoji_picker_dropdown.tsx

@@ -1,18 +1,19 @@
 import classNames from 'classnames';
-import React, { useRef, useEffect, useState } from 'react';
-import { usePopper } from 'react-popper';
-import { defineMessages, useIntl } from 'react-intl';
-import { createPortal } from 'react-dom';
 import { supportsPassiveEvents } from 'detect-passive-events';
+import React, { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { defineMessages, useIntl } from 'react-intl';
+import { usePopper } from 'react-popper';
 
-import { IconButton, Toggle } from 'soapbox/components/ui';
+import { IconButton } from 'soapbox/components/ui';
-import { useSettings, useSystemTheme } from 'soapbox/hooks';
+import { useSettings } from 'soapbox/hooks';
-import type { List } from 'immutable';
 
 import { buildCustomEmojis } from '../../emoji/emoji';
 import { EmojiPicker as EmojiPickerAsync } from '../../ui/util/async-components';
 // import EmojiPicker from '../../emoji/emoji_picker';
 
+import type { List } from 'immutable';
+
 let EmojiPicker: any; // load asynchronously
 
 const messages = defineMessages({
@@ -33,8 +34,8 @@ const messages = defineMessages({
 });
 
 interface IEmojiPickerDropdown {
-  custom_emojis: any,
+  custom_emojis: List<any>,
-  frequentlyUsedEmojis: string[], 
+  frequentlyUsedEmojis: string[],
   intl: any,
   onPickEmoji: (emoji: any) => void,
   onSkinTone: () => void,
@@ -65,15 +66,11 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
     setVisible(!visible);
   };
 
-  const handleHide = () => {
-    setVisible(false);
-  };
-
   const handleDocClick = (e: any) => {
     if (!containerElement?.contains(e.target) && !popperElement?.contains(e.target)) {
       setVisible(false);
     }
-  }
+  };
 
   const handlePick = (emoji: any) => {
     if (!emoji.native) {
@@ -82,7 +79,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
 
     setVisible(false);
     onPickEmoji(emoji);
-  }
+  };
 
   const getI18n = () => {
     return {
@@ -111,7 +108,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
     return function cleanup() {
       document.removeEventListener('click', handleDocClick);
       document.removeEventListener('touchend', handleDocClick);
-    }
+    };
   });
 
   useEffect(() => {
@@ -133,21 +130,23 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
   if (loading) {
     Popup = () => <div />;
   } else {
-    Popup = () => <div>
+    Popup = () => (
-      <EmojiPicker
+      <div>
-        custom={[{ emojis: buildCustomEmojis(custom_emojis) }]}
+        <EmojiPicker
-        title={title}
+          custom={[{ emojis: buildCustomEmojis(custom_emojis) }]}
-        onEmojiSelect={handlePick}
+          title={title}
-        recent={frequentlyUsedEmojis}
+          onEmojiSelect={handlePick}
-        perLine={8}
+          recent={frequentlyUsedEmojis}
-        skin={onSkinTone}
+          perLine={8}
-        emojiSize={38}
+          skin={onSkinTone}
-        emojiButtonSize={50}
+          emojiSize={38}
-        set={'twitter'}
+          emojiButtonSize={50}
-        theme={theme}
+          set={'twitter'}
-        autoFocus
+          theme={theme}
-      />
+          autoFocus
-    </div>
+        />
+      </div>
+    );
   }
 
   return (
@@ -179,7 +178,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({ custom_emojis, fr
         >
           {visible && (<Popup />)}
         </div>,
-        document.body
+        document.body,
       )}
     </div>
   );

app/soapbox/features/emoji/emoji_picker.tsx

@@ -1,4 +1,4 @@
-import data from '@emoji-mart/data/sets/14/twitter.json'
+import data from '@emoji-mart/data/sets/14/twitter.json';
 import { Picker as EmojiPicker, PickerProps } from 'emoji-mart';
 import React, { useRef, useEffect } from 'react';
 
@@ -29,5 +29,5 @@ function Picker(props: PickerProps) {
 }
 
 export {
-  Picker
+  Picker,
-}
+};