(nextjs) added eslint and import sorting

src/components/node/CommendDeleted/index.tsx

@@ -1,8 +1,10 @@
 import React, { FC, useCallback } from 'react';
-import styles from './styles.module.scss';
+
 import { Button } from '~/components/input/Button';
 import { IComment } from '~/types';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   id: IComment['id'];
   onDelete: (id: IComment['id'], isLocked: boolean) => void;

src/components/node/MenuButton/index.tsx

@@ -1,7 +1,9 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
-import { Group } from '~/components/containers/Group';
+
 import { Filler } from '~/components/containers/Filler';
+import { Group } from '~/components/containers/Group';
+
+import styles from './styles.module.scss';
 
 interface IProps {
   title: string;

src/components/node/NodeAudioBlock/index.tsx

@@ -1,9 +1,11 @@
 import React, { FC } from 'react';
+
 import { AudioPlayer } from '~/components/media/AudioPlayer';
-import styles from './styles.module.scss';
 import { INodeComponentProps } from '~/constants/node';
 import { useNodeAudios } from '~/hooks/node/useNodeAudios';
 
+import styles from './styles.module.scss';
+
 interface IProps extends INodeComponentProps {}
 
 const NodeAudioBlock: FC<IProps> = ({ node }) => {

src/components/node/NodeAudioImageBlock/index.tsx

@@ -1,10 +1,13 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { path } from 'ramda';
-import { getURL } from '~/utils/dom';
-import { PRESETS } from '~/constants/urls';
+
 import { INodeComponentProps } from '~/constants/node';
+import { PRESETS } from '~/constants/urls';
 import { useNodeImages } from '~/hooks/node/useNodeImages';
+import { getURL } from '~/utils/dom';
+
+import styles from './styles.module.scss';
 
 interface IProps extends INodeComponentProps {}
 

src/components/node/NodeAuthorBlock/index.tsx

@@ -1,9 +1,11 @@
 import React, { FC, useCallback } from 'react';
-import styles from './styles.module.scss';
+
 import { Avatar } from '~/components/common/Avatar';
-import { openUserProfile } from '~/utils/user';
 import { useUserDescription } from '~/hooks/auth/useUserDescription';
 import { INodeUser } from '~/types';
+import { openUserProfile } from '~/utils/user';
+
+import styles from './styles.module.scss';
 
 interface Props {
   user?: INodeUser;

src/components/node/NodeCommentForm/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
-import { CommentWrapper } from '~/components/containers/CommentWrapper';
+
 import { CommentForm } from '~/components/comment/CommentForm';
+import { CommentWrapper } from '~/components/containers/CommentWrapper';
 import { IComment } from '~/types';
 import { IUser } from '~/types/auth';
 

src/components/node/NodeDeletedBadge/index.tsx

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

src/components/node/NodeImageBlockPlaceholder/index.tsx

@@ -1,7 +1,9 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { LoaderCircle } from '~/components/input/LoaderCircle';
 
+import styles from './styles.module.scss';
+
 const NodeImageBlockPlaceholder: FC<{}> = () => (
   <div className={styles.placeholder}>
     <LoaderCircle size={64} />

src/components/node/NodeImageSwiperBlock/index.tsx

@@ -1,16 +1,18 @@
 import React, { FC, useCallback, useState } from 'react';
-import { INodeComponentProps } from '~/constants/node';
-import { Swiper, SwiperSlide } from 'swiper/react';
 
-import styles from './styles.module.scss';
+
 
 import SwiperCore, { Keyboard, Navigation, Pagination, SwiperOptions } from 'swiper';
-
-import { useNodeImages } from '~/hooks/node/useNodeImages';
+import { Swiper, SwiperSlide } from 'swiper/react';
 import SwiperClass from 'swiper/types/swiper-class';
+
 import { ImagePreloader } from '~/components/media/ImagePreloader';
-import { normalizeBrightColor } from '~/utils/color';
+import { INodeComponentProps } from '~/constants/node';
 import { useImageModal } from '~/hooks/navigation/useImageModal';
+import { useNodeImages } from '~/hooks/node/useNodeImages';
+import { normalizeBrightColor } from '~/utils/color';
+
+import styles from './styles.module.scss';
 
 SwiperCore.use([Navigation, Pagination, Keyboard]);
 

src/components/node/NodeNoComments/index.tsx

@@ -1,10 +1,13 @@
 import React, { FC, useMemo } from 'react';
-import styles from './styles.module.scss';
-import { Group } from '~/components/containers/Group';
+
 import classNames from 'classnames';
+
+import { Group } from '~/components/containers/Group';
 import { ERRORS } from '~/constants/errors';
 import { t } from '~/utils/trans';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   is_loading?: boolean;
   count?: number;

src/components/node/NodeRelated/index.tsx

@@ -1,9 +1,12 @@
 import React, { FC, ReactElement } from 'react';
-import styles from './styles.module.scss';
-import { Group } from '~/components/containers/Group';
-import { INode } from '~/types';
-import { NodeRelatedItem } from '~/components/node/NodeRelatedItem';
+
 import { SubTitle } from '~/components/common/SubTitle';
+import { Group } from '~/components/containers/Group';
+import { NodeRelatedItem } from '~/components/node/NodeRelatedItem';
+import { INode } from '~/types';
+
+import styles from './styles.module.scss';
+
 
 interface IProps {
   title: ReactElement | string;

src/components/node/NodeRelated/placeholder.tsx

@@ -1,10 +1,14 @@
 import React, { FC, memo } from 'react';
-import styles from './styles.module.scss';
-import cell_style from '~/components/node/NodeRelatedItem/styles.module.scss';
-import { Group } from '~/components/containers/Group';
-import { Placeholder } from '~/components/placeholders/Placeholder';
-import range from 'ramda/es/range';
+
 import classNames from 'classnames';
+import range from 'ramda/es/range';
+
+import { Group } from '~/components/containers/Group';
+import cell_style from '~/components/node/NodeRelatedItem/styles.module.scss';
+import { Placeholder } from '~/components/placeholders/Placeholder';
+
+import styles from './styles.module.scss';
+
 
 interface IProps {}
 

src/components/node/NodeRelatedBlock/index.tsx

@@ -1,10 +1,11 @@
 import React, { FC } from 'react';
-import { NodeRelatedPlaceholder } from '~/components/node/NodeRelated/placeholder';
+
+import { Anchor } from '~/components/common/Anchor';
 import { NodeRelated } from '~/components/node/NodeRelated';
+import { NodeRelatedPlaceholder } from '~/components/node/NodeRelated/placeholder';
 import { URLS } from '~/constants/urls';
 import { INode } from '~/types';
 import { INodeRelated } from '~/types/node';
-import { Anchor } from '~/components/common/Anchor';
 
 interface IProps {
   isLoading: boolean;

src/components/node/NodeRelatedItem/index.tsx

@@ -1,13 +1,16 @@
 import React, { FC, memo, useEffect, useMemo, useRef, useState } from 'react';
-import styles from './styles.module.scss';
+
 import classNames from 'classnames';
-import { INode } from '~/types';
-import { PRESETS } from '~/constants/urls';
-import { getURL, getURLFromString } from '~/utils/dom';
-import { useColorGradientFromString } from '~/hooks/color/useColorGradientFromString';
-import { Square } from '~/components/common/Square';
-import { useGotoNode } from '~/hooks/node/useGotoNode';
+
 import { ImageWithSSRLoad } from '~/components/common/ImageWithSSRLoad';
+import { Square } from '~/components/common/Square';
+import { PRESETS } from '~/constants/urls';
+import { useColorGradientFromString } from '~/hooks/color/useColorGradientFromString';
+import { useGotoNode } from '~/hooks/node/useGotoNode';
+import { INode } from '~/types';
+import { getURL, getURLFromString } from '~/utils/dom';
+
+import styles from './styles.module.scss';
 
 type IProps = {
   item: Partial<INode>;

src/components/node/NodeTags/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, memo } from 'react';
-import { ITag } from '~/types';
+
 import { Tags } from '~/containers/tags/Tags';
+import { ITag } from '~/types';
 
 interface IProps {
   is_deletable?: boolean;

src/components/node/NodeTagsBlock/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+
 import { NodeTags } from '~/components/node/NodeTags';
 import { useTagContext } from '~/utils/context/TagsContextProvider';
 

src/components/node/NodeTagsPlaceholder/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC, memo } from 'react';
-import { ITag } from '~/types';
+
 import { Tags } from '~/containers/tags/Tags';
+import { ITag } from '~/types';
 
 interface IProps {
   is_editable?: boolean;

src/components/node/NodeTextBlock/index.tsx

@@ -1,10 +1,14 @@
 import React, { FC, useMemo } from 'react';
-import { path } from 'ramda';
-import { formatTextParagraphs } from '~/utils/dom';
-import { INodeComponentProps } from '~/constants/node';
+
 import classNames from 'classnames';
-import styles from './styles.module.scss';
+import { path } from 'ramda';
+
+import { INodeComponentProps } from '~/constants/node';
 import markdown from '~/styles/common/markdown.module.scss';
+import { formatTextParagraphs } from '~/utils/dom';
+
+import styles from './styles.module.scss';
+
 
 interface IProps extends INodeComponentProps {}
 

src/components/node/NodeTitle/index.tsx

@@ -1,10 +1,13 @@
 import React, { memo, VFC } from 'react';
-import styles from './styles.module.scss';
-import { Icon } from '~/components/input/Icon';
+
 import classNames from 'classnames';
+
+import { Icon } from '~/components/input/Icon';
 import { Placeholder } from '~/components/placeholders/Placeholder';
 import { getPrettyDate } from '~/utils/dom';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   id?: number;
   title: string;

src/components/node/NodeVideoBlock/index.tsx

@@ -1,8 +1,11 @@
 import React, { FC, useMemo } from 'react';
-import styles from './styles.module.scss';
+
 import { path } from 'ramda';
+
 import { INodeComponentProps } from '~/constants/node';
 
+import styles from './styles.module.scss';
+
 interface IProps extends INodeComponentProps {}
 
 const NodeVideoBlock: FC<IProps> = ({ node }) => {