optimized imports

src/components/comment/CommentEmbedBlock/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC, memo, useMemo, useEffect } from 'react';
+import React, { FC, memo, useEffect, useMemo } from 'react';
 import { ICommentBlockProps } from '~/constants/comment';
 import styles from './styles.module.scss';
 import { getYoutubeThumb } from '~/utils/dom';

src/components/comment/CommentMenu/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useState, useCallback } from 'react';
+import React, { FC, useCallback, useState } from 'react';
 import styles from './styles.module.scss';
 
 interface IProps {

src/components/containers/CoverBackdrop/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useState, useCallback, useEffect, useRef } from 'react';
+import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
 import { IUser } from '~/redux/auth/types';
 import styles from './styles.module.scss';
 import { getURL } from '~/utils/dom';

src/components/containers/Markdown/index.tsx

@@ -1,4 +1,4 @@
-import React, { ButtonHTMLAttributes, DetailedHTMLProps, FC, HTMLAttributes } from 'react';
+import React, { DetailedHTMLProps, FC, HTMLAttributes } from 'react';
 import styles from '~/styles/common/markdown.module.scss';
 import classNames from 'classnames';
 

src/components/containers/Padder/index.tsx

@@ -7,7 +7,7 @@ type IProps = React.HTMLAttributes<HTMLDivElement> & {
   padding?: number;
   vertical?: boolean;
   horizontal?: boolean;
-}
+};
 
 const Padder: FC<IProps> = ({
   padding,

src/components/containers/PageCoverProvider/index.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, FC, memo, useContext, useState } from 'react';
+import React, { createContext, FC, useContext, useState } from 'react';
 import styles from './styles.module.scss';
 import { createPortal } from 'react-dom';
 import { getURL } from '~/utils/dom';

src/components/dialogs/Tabs/index.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, FC, VFC, useContext, useState, useMemo } from 'react';
+import React, { createContext, FC, useContext, useMemo, useState, VFC } from 'react';
 import styles from './styles.module.scss';
 import classNames from 'classnames';
 

src/components/editors/AudioEditor/index.tsx

@@ -1,11 +1,7 @@
 import React, { FC, useCallback, useMemo } from 'react';
-import { connect } from 'react-redux';
 import { UPLOAD_TYPES } from '~/redux/uploads/constants';
 import { ImageGrid } from '../ImageGrid';
 import { AudioGrid } from '../AudioGrid';
-import { selectUploads } from '~/redux/uploads/selectors';
-
-import * as UPLOAD_ACTIONS from '~/redux/uploads/actions';
 import styles from './styles.module.scss';
 import { NodeEditorProps } from '~/redux/node/types';
 import { useNodeImages } from '~/hooks/node/useNodeImages';

src/components/editors/EditorActionsPanel/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC, createElement } from 'react';
+import React, { createElement, FC } from 'react';
 import styles from './styles.module.scss';
 import { NODE_PANEL_COMPONENTS } from '~/redux/node/constants';
 import { has } from 'ramda';

src/components/editors/EditorUploadCoverButton/index.tsx

@@ -1,17 +1,12 @@
-import React, { ChangeEvent, FC, useCallback, useEffect, useState } from 'react';
-import { IFileWithUUID } from '~/redux/types';
-import uuid from 'uuid4';
+import React, { ChangeEvent, FC, useCallback, useEffect } from 'react';
 import styles from './styles.module.scss';
 import { UPLOAD_SUBJECTS, UPLOAD_TARGETS, UPLOAD_TYPES } from '~/redux/uploads/constants';
 import { path } from 'ramda';
-import { connect } from 'react-redux';
-import * as UPLOAD_ACTIONS from '~/redux/uploads/actions';
-import { selectUploads } from '~/redux/uploads/selectors';
 import { getURL } from '~/utils/dom';
 import { Icon } from '~/components/input/Icon';
 import { PRESETS } from '~/constants/urls';
 import { IEditorComponentProps } from '~/redux/node/types';
-import { useFileUploader, useFileUploaderContext } from '~/hooks/data/useFileUploader';
+import { useFileUploader } from '~/hooks/data/useFileUploader';
 import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
 import { getFileType } from '~/utils/uploader';
 

src/components/editors/TextEditor/index.tsx

@@ -1,5 +1,4 @@
 import React, { FC, useCallback } from 'react';
-import { INode } from '~/redux/types';
 import styles from './styles.module.scss';
 import { Textarea } from '~/components/input/Textarea';
 import { path } from 'ramda';

src/components/editors/VideoEditor/index.tsx

@@ -1,5 +1,4 @@
 import React, { FC, useCallback, useMemo } from 'react';
-import { INode } from '~/redux/types';
 import styles from './styles.module.scss';
 import { path } from 'ramda';
 import { InputText } from '~/components/input/InputText';

src/components/flow/FlowSwiperHero/index.tsx

@@ -1,11 +1,11 @@
-import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { FC, useCallback, useMemo, useState } from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import 'swiper/swiper.scss';
 import 'swiper/components/effect-fade/effect-fade.scss';
 import 'swiper/components/lazy/lazy.scss';
 import styles from './styles.module.scss';
 
-import SwiperCore, { EffectFade, Navigation, Lazy, Autoplay } from 'swiper';
+import SwiperCore, { Autoplay, EffectFade, Lazy, Navigation } from 'swiper';
 import { Icon } from '~/components/input/Icon';
 import { IFlowState } from '~/redux/flow/reducer';
 import { getURLFromString } from '~/utils/dom';

src/components/input/LoaderCircle/index.tsx

@@ -1,6 +1,5 @@
 import React, { FC } from 'react';
 import styles from './styles.module.scss';
-import { describeArc } from '~/utils/dom';
 import classNames from 'classnames';
 import { LoaderCircleInner } from '~/components/input/LoaderCircleInner';
 import { SVGProps } from '~/utils/types';

src/components/input/LoaderCircleInner/index.tsx

@@ -1,7 +1,5 @@
-import React, { FC, HTMLAttributes, SVGAttributes } from 'react';
-import { describeArc } from '~/utils/dom';
+import React, { FC, SVGAttributes } from 'react';
 import styles from './styles.module.scss';
-import classNames from 'classnames';
 
 interface IProps extends SVGAttributes<SVGElement> {
   size: number;

src/components/input/Toggle/index.tsx

@@ -1,7 +1,7 @@
 import React, { FC, useCallback } from 'react';
 import styles from './styles.module.scss';
 import classNames from 'classnames';
-import { ButtonProps, DivProps } from '~/utils/types';
+import { ButtonProps } from '~/utils/types';
 
 type ToggleColor = 'primary' | 'secondary' | 'lab' | 'danger' | 'white';
 

src/components/lab/LabBanner/index.tsx

@@ -1,7 +1,5 @@
 import React, { FC } from 'react';
 import styles from './styles.module.scss';
-import { Card } from '~/components/containers/Card';
-import { Placeholder } from '~/components/placeholders/Placeholder';
 import { Group } from '~/components/containers/Group';
 import { Square } from '~/components/containers/Square';
 

src/components/lab/LabNodeTitle/index.tsx

@@ -1,5 +1,4 @@
 import React, { FC } from 'react';
-import { INode } from '~/redux/types';
 import styles from './styles.module.scss';
 import { Group } from '~/components/containers/Group';
 import { Icon } from '~/components/input/Icon';

src/components/lab/LabTags/index.tsx

@@ -3,7 +3,6 @@ import styles from './/styles.module.scss';
 import { Placeholder } from '~/components/placeholders/Placeholder';
 import { ITag } from '~/redux/types';
 import { Tag } from '~/components/tags/Tag';
-import { Group } from '~/components/containers/Group';
 
 interface IProps {
   tags: ITag[];

src/components/main/SidePane/index.tsx

@@ -1,6 +1,4 @@
-import React, {
-  FC, LegacyRef, ReactChild, useCallback, useEffect, useState
-} from 'react';
+import React, { FC, useCallback, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import styles from './styles.module.scss';
 import { Group } from '~/components/containers/Group';

src/components/node/NodeAudioBlock/index.tsx

@@ -1,6 +1,4 @@
-import React, { FC, useMemo } from 'react';
-import { INode } from '~/redux/types';
-import { UPLOAD_TYPES } from '~/redux/uploads/constants';
+import React, { FC } from 'react';
 import { AudioPlayer } from '~/components/media/AudioPlayer';
 import styles from './styles.module.scss';
 import { INodeComponentProps } from '~/redux/node/constants';

src/components/node/NodeAudioImageBlock/index.tsx

@@ -1,7 +1,5 @@
-import React, { FC, useMemo } from 'react';
-import { INode } from '~/redux/types';
+import React, { FC } from 'react';
 import styles from './styles.module.scss';
-import { UPLOAD_TYPES } from '~/redux/uploads/constants';
 import { path } from 'ramda';
 import { getURL } from '~/utils/dom';
 import { PRESETS } from '~/constants/urls';

src/components/node/NodeNoComments/index.tsx

@@ -2,7 +2,6 @@ import React, { FC, useMemo } from 'react';
 import styles from './styles.module.scss';
 import { Group } from '~/components/containers/Group';
 import classNames from 'classnames';
-import { Filler } from '~/components/containers/Filler';
 import { ERRORS } from '~/constants/errors';
 import { t } from '~/utils/trans';
 

src/components/node/NodeTagsBlock/index.tsx

@@ -1,8 +1,6 @@
 import React, { FC } from 'react';
 import { NodeTags } from '~/components/node/NodeTags';
 import { useTagContext } from '~/utils/context/TagsContextProvider';
-import { Group } from '~/components/containers/Group';
-import { Button } from '~/components/input/Button';
 
 interface IProps {}
 

src/components/node/NodeTitle/index.tsx

@@ -1,4 +1,4 @@
-import React, { VFC, memo } from 'react';
+import React, { memo, VFC } from 'react';
 import styles from './styles.module.scss';
 import { Icon } from '~/components/input/Icon';
 import classNames from 'classnames';

src/components/notifications/NotificationBubble/index.tsx

@@ -1,4 +1,4 @@
-import React, { FC, createElement } from 'react';
+import React, { createElement, FC } from 'react';
 import { INotification, NOTIFICATION_TYPES } from '~/redux/types';
 import styles from './styles.module.scss';
 import { NotificationMessage } from '../NotificationMessage';

src/components/tags/TagWrapper/index.tsx

@@ -1,7 +1,6 @@
-import React, { FC, useCallback, useState } from 'react';
+import React, { FC, useCallback } from 'react';
 import classNames from 'classnames';
 import styles from './styles.module.scss';
-import { Manager, Popper, Reference } from 'react-popper';
 import { Icon } from '~/components/input/Icon';
 
 interface IProps {

src/components/tags/Tags/index.tsx

@@ -5,7 +5,6 @@ import { uniq } from 'ramda';
 import { Tag } from '~/components/tags/Tag';
 import { TagInput } from '~/components/tags/TagInput';
 import { separateTags } from '~/utils/tag';
-import { Button } from '~/components/input/Button';
 
 type IProps = HTMLAttributes<HTMLDivElement> & {
   tags: Partial<ITag>[];