(nextjs) added eslint and import sorting

src/containers/App.tsx

@@ -1,21 +1,24 @@
 import React, { VFC } from 'react';
-import { MainLayout } from '~/containers/main/MainLayout';
-import { Sprites } from '~/sprites/Sprites';
-import { Modal } from '~/containers/dialogs/Modal';
+
+import { observer } from 'mobx-react-lite';
+import { BrowserRouter } from 'react-router-dom';
+
 import { PageCoverProvider } from '~/components/containers/PageCoverProvider';
+import { Modal } from '~/containers/dialogs/Modal';
 import { BottomContainer } from '~/containers/main/BottomContainer';
+import { MainLayout } from '~/containers/main/MainLayout';
 import { MainRouter } from '~/containers/main/MainRouter';
 import { DragDetectorProvider } from '~/hooks/dom/useDragDetector';
-import { UserContextProvider } from '~/utils/context/UserContextProvider';
-import { SWRConfigProvider } from '~/utils/providers/SWRConfigProvider';
-import { observer } from 'mobx-react-lite';
 import { useGlobalLoader } from '~/hooks/dom/useGlobalLoader';
+import { Sprites } from '~/sprites/Sprites';
+import { UserContextProvider } from '~/utils/context/UserContextProvider';
+import { AudioPlayerProvider } from '~/utils/providers/AudioPlayerProvider';
+import { AuthProvider } from '~/utils/providers/AuthProvider';
+import { MetadataProvider } from '~/utils/providers/MetadataProvider';
+import { SWRConfigProvider } from '~/utils/providers/SWRConfigProvider';
 import { SearchProvider } from '~/utils/providers/SearchProvider';
 import { ToastProvider } from '~/utils/providers/ToastProvider';
-import { AudioPlayerProvider } from '~/utils/providers/AudioPlayerProvider';
-import { MetadataProvider } from '~/utils/providers/MetadataProvider';
-import { AuthProvider } from '~/utils/providers/AuthProvider';
-import { BrowserRouter } from 'react-router-dom';
+
 
 const App: VFC = observer(() => {
   useGlobalLoader();

src/containers/boris/BorisComments/index.tsx

@@ -1,14 +1,16 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { Group } from '~/components/containers/Group';
+import { Footer } from '~/components/main/Footer';
 import { NodeCommentForm } from '~/components/node/NodeCommentForm';
 import { NodeNoComments } from '~/components/node/NodeNoComments';
 import { NodeComments } from '~/containers/node/NodeComments';
-import { Footer } from '~/components/main/Footer';
-import { CommentContextProvider, useCommentContext } from '~/utils/context/CommentContextProvider';
-import { useUserContext } from '~/utils/context/UserContextProvider';
-import { useNodeContext } from '~/utils/context/NodeContextProvider';
 import { useAuth } from '~/hooks/auth/useAuth';
+import { CommentContextProvider, useCommentContext } from '~/utils/context/CommentContextProvider';
+import { useNodeContext } from '~/utils/context/NodeContextProvider';
+import { useUserContext } from '~/utils/context/UserContextProvider';
+
+import styles from './styles.module.scss';
 
 interface IProps {}
 

src/containers/dialogs/EditorCreateDialog/index.tsx

@@ -1,9 +1,11 @@
 import React, { FC, useCallback, useMemo, useRef } from 'react';
+
+import { values } from 'ramda';
+
 import { EMPTY_NODE, NODE_TYPES } from '~/constants/node';
 import { EditorDialog } from '~/containers/dialogs/EditorDialog';
-import { values } from 'ramda';
-import { INode } from '~/types';
 import { useCreateNode } from '~/hooks/node/useCreateNode';
+import { INode } from '~/types';
 import { DialogComponentProps } from '~/types/modal';
 
 export interface EditorCreateDialogProps extends DialogComponentProps {

src/containers/dialogs/EditorDialog/index.tsx

@@ -1,20 +1,24 @@
 import React, { createElement, FC, useCallback, useMemo, useState } from 'react';
-import styles from './styles.module.scss';
-import { NODE_EDITORS } from '~/constants/node';
-import { BetterScrollDialog } from '~/components/dialogs/BetterScrollDialog';
-import { CoverBackdrop } from '~/components/containers/CoverBackdrop';
-import { prop } from 'ramda';
-import { useNodeFormFormik } from '~/hooks/node/useNodeFormFormik';
-import { EditorButtons } from '~/components/editors/EditorButtons';
-import { UploadSubject, UploadTarget } from '~/constants/uploads';
+
 import { FormikProvider } from 'formik';
-import { INode } from '~/types';
-import { useCloseOnEscape } from '~/hooks';
-import { EditorConfirmClose } from '~/components/editors/EditorConfirmClose';
-import { DialogComponentProps } from '~/types/modal';
-import { useUploader } from '~/hooks/data/useUploader';
-import { UploaderContextProvider } from '~/utils/context/UploaderContextProvider';
 import { observer } from 'mobx-react-lite';
+import { prop } from 'ramda';
+
+import { CoverBackdrop } from '~/components/containers/CoverBackdrop';
+import { BetterScrollDialog } from '~/components/dialogs/BetterScrollDialog';
+import { EditorButtons } from '~/components/editors/EditorButtons';
+import { EditorConfirmClose } from '~/components/editors/EditorConfirmClose';
+import { NODE_EDITORS } from '~/constants/node';
+import { UploadSubject, UploadTarget } from '~/constants/uploads';
+import { useCloseOnEscape } from '~/hooks';
+import { useUploader } from '~/hooks/data/useUploader';
+import { useNodeFormFormik } from '~/hooks/node/useNodeFormFormik';
+import { INode } from '~/types';
+import { DialogComponentProps } from '~/types/modal';
+import { UploaderContextProvider } from '~/utils/context/UploaderContextProvider';
+
+
+import styles from './styles.module.scss';
 
 interface Props extends DialogComponentProps {
   node: INode;

src/containers/dialogs/EditorEditDialog/index.tsx

@@ -1,14 +1,17 @@
 import React, { FC, useCallback } from 'react';
-import { EditorDialog } from '~/containers/dialogs/EditorDialog';
+
+import { observer } from 'mobx-react-lite';
+
 import { ModalWrapper } from '~/components/dialogs/ModalWrapper';
 import { LoaderCircle } from '~/components/input/LoaderCircle';
-import styles from './styles.module.scss';
+import { EditorDialog } from '~/containers/dialogs/EditorDialog';
 import { useLoadNode } from '~/hooks/node/useLoadNode';
 import { useUpdateNode } from '~/hooks/node/useUpdateNode';
 import { INode } from '~/types';
-import { observer } from 'mobx-react-lite';
 import { DialogComponentProps } from '~/types/modal';
 
+import styles from './styles.module.scss';
+
 export interface EditorEditDialogProps extends DialogComponentProps {
   nodeId: number;
 }

src/containers/dialogs/LoadingDialog/index.tsx

@@ -1,5 +1,7 @@
 import React, { VFC } from 'react';
+
 import { LoaderCircle } from '~/components/input/LoaderCircle';
+
 import styles from './styles.module.scss';
 
 const LoadingDialog: VFC = () => (

src/containers/dialogs/LoginDialog/index.tsx

@@ -1,20 +1,22 @@
 import React, { FC, useCallback } from 'react';
-import { useCloseOnEscape } from '~/hooks';
+
+
+import { LoginDialogButtons } from '~/components/auth/login/LoginDialogButtons';
 import { Group } from '~/components/containers/Group';
-import { InputText } from '~/components/input/InputText';
-import { Button } from '~/components/input/Button';
 import { Padder } from '~/components/containers/Padder';
 import { BetterScrollDialog } from '~/components/dialogs/BetterScrollDialog';
-
-import styles from './styles.module.scss';
-import { LoginDialogButtons } from '~/components/auth/login/LoginDialogButtons';
 import { DialogTitle } from '~/components/dialogs/DialogTitle';
-import { DialogComponentProps } from '~/types/modal';
-import { useShowModal } from '~/hooks/modal/useShowModal';
+import { Button } from '~/components/input/Button';
+import { InputText } from '~/components/input/InputText';
 import { Dialog } from '~/constants/modal';
+import { useCloseOnEscape } from '~/hooks';
 import { useAuth } from '~/hooks/auth/useAuth';
 import { useLoginForm } from '~/hooks/auth/useLoginForm';
 import { useOAuth } from '~/hooks/auth/useOAuth';
+import { useShowModal } from '~/hooks/modal/useShowModal';
+import { DialogComponentProps } from '~/types/modal';
+
+import styles from './styles.module.scss';
 
 type LoginDialogProps = DialogComponentProps & {};
 

src/containers/dialogs/LoginSocialRegisterDialog/index.tsx

@@ -1,19 +1,21 @@
 import React, { FC, useCallback, useState } from 'react';
-import { BetterScrollDialog } from '~/components/dialogs/BetterScrollDialog';
-import { Padder } from '~/components/containers/Padder';
-import { DialogTitle } from '~/components/dialogs/DialogTitle';
-import { Group } from '~/components/containers/Group';
-import { InputText } from '~/components/input/InputText';
-import styles from './styles.module.scss';
-import { useCloseOnEscape } from '~/hooks';
-import { LoginSocialRegisterButtons } from '~/components/auth/oauth/LoginSocialRegisterButtons';
-import { Toggle } from '~/components/input/Toggle';
-import { DialogComponentProps } from '~/types/modal';
-import { getRandomPhrase } from '~/constants/phrases';
-import { useSocialRegisterForm } from '~/hooks/auth/useSocialRegisterForm';
+
 import { apiLoginWithSocial } from '~/api/auth';
+import { LoginSocialRegisterButtons } from '~/components/auth/oauth/LoginSocialRegisterButtons';
+import { Group } from '~/components/containers/Group';
+import { Padder } from '~/components/containers/Padder';
+import { BetterScrollDialog } from '~/components/dialogs/BetterScrollDialog';
+import { DialogTitle } from '~/components/dialogs/DialogTitle';
+import { InputText } from '~/components/input/InputText';
+import { Toggle } from '~/components/input/Toggle';
+import { getRandomPhrase } from '~/constants/phrases';
+import { useCloseOnEscape } from '~/hooks';
+import { useSocialRegisterForm } from '~/hooks/auth/useSocialRegisterForm';
 import { useModal } from '~/hooks/modal/useModal';
 import { useAuthStore } from '~/store/auth/useAuthStore';
+import { DialogComponentProps } from '~/types/modal';
+
+import styles from './styles.module.scss';
 
 type LoginSocialRegisterDialogProps = DialogComponentProps & { token: string };
 

src/containers/dialogs/Modal/index.tsx

@@ -1,9 +1,11 @@
 import React, { FC } from 'react';
+
+import { observer } from 'mobx-react-lite';
+import { has } from 'ramda';
+
 import { ModalWrapper } from '~/components/dialogs/ModalWrapper';
 import { DIALOG_CONTENT } from '~/constants/modal';
 import { useModalStore } from '~/store/modal/useModalStore';
-import { has } from 'ramda';
-import { observer } from 'mobx-react-lite';
 
 type IProps = {};
 

src/containers/dialogs/PhotoSwipe/index.tsx

@@ -1,15 +1,17 @@
 import React, { useEffect, useRef, VFC } from 'react';
 
-import PhotoSwipeJs from 'photoswipe/dist/photoswipe.js';
-import PhotoSwipeUI_Default from 'photoswipe/dist/photoswipe-ui-default.js';
-import { getURL } from '~/utils/dom';
-import { PRESETS } from '~/constants/urls';
-import styles from './styles.module.scss';
 import classNames from 'classnames';
-import { useModal } from '~/hooks/modal/useModal';
 import { observer } from 'mobx-react-lite';
+import PhotoSwipeUI_Default from 'photoswipe/dist/photoswipe-ui-default.js';
+import PhotoSwipeJs from 'photoswipe/dist/photoswipe.js';
+
+import { PRESETS } from '~/constants/urls';
+import { useModal } from '~/hooks/modal/useModal';
 import { IFile } from '~/types';
 import { DialogComponentProps } from '~/types/modal';
+import { getURL } from '~/utils/dom';
+
+import styles from './styles.module.scss';
 
 export interface PhotoSwipeProps extends DialogComponentProps {
   items: IFile[];

src/containers/dialogs/ProfileDialog/index.tsx

@@ -1,17 +1,19 @@
 import React, { FC } from 'react';
-import { BetterScrollDialog } from '../../../components/dialogs/BetterScrollDialog';
-import { ProfileInfo } from '~/containers/profile/ProfileInfo';
+
 import { CoverBackdrop } from '~/components/containers/CoverBackdrop';
 import { Tabs } from '~/components/dialogs/Tabs';
 import { ProfileDescription } from '~/components/profile/ProfileDescription';
-import { ProfileMessages } from '~/containers/profile/ProfileMessages';
 import { ProfileSettings } from '~/components/profile/ProfileSettings';
 import { ProfileAccounts } from '~/containers/profile/ProfileAccounts';
-import { DialogComponentProps } from '~/types/modal';
+import { ProfileInfo } from '~/containers/profile/ProfileInfo';
+import { ProfileMessages } from '~/containers/profile/ProfileMessages';
 import { useUser } from '~/hooks/auth/useUser';
 import { useGetProfile } from '~/hooks/profile/useGetProfile';
+import { DialogComponentProps } from '~/types/modal';
 import { ProfileProvider } from '~/utils/providers/ProfileProvider';
 
+import { BetterScrollDialog } from '../../../components/dialogs/BetterScrollDialog';
+
 export interface ProfileDialogProps extends DialogComponentProps {
   username: string;
 }

src/containers/dialogs/RestorePasswordDialog/index.tsx

@@ -1,17 +1,19 @@
 import React, { FC, useCallback, useMemo, useState } from 'react';
-import { BetterScrollDialog } from '../../../components/dialogs/BetterScrollDialog';
-import { Group } from '~/components/containers/Group';
-import { InputText } from '~/components/input/InputText';
-import { Button } from '~/components/input/Button';
-import styles from './styles.module.scss';
 
-import { useCloseOnEscape } from '~/hooks';
-import { DialogComponentProps } from '~/types/modal';
-import { useRestoreCode } from '~/hooks/auth/useRestoreCode';
+import { apiRestoreCode } from '~/api/auth';
 import { RestoreInvalidCode } from '~/components/auth/restore/RestoreInvalidCode';
 import { RestoreSuccess } from '~/components/auth/restore/RestoreSuccess';
+import { Group } from '~/components/containers/Group';
+import { Button } from '~/components/input/Button';
+import { InputText } from '~/components/input/InputText';
+import { useCloseOnEscape } from '~/hooks';
+import { useRestoreCode } from '~/hooks/auth/useRestoreCode';
 import { useRestorePasswordForm } from '~/hooks/auth/useRestorePasswordForm';
-import { apiRestoreCode } from '~/api/auth';
+import { DialogComponentProps } from '~/types/modal';
+
+import { BetterScrollDialog } from '../../../components/dialogs/BetterScrollDialog';
+
+import styles from './styles.module.scss';
 
 type RestorePasswordDialogProps = DialogComponentProps & {
   code: string;

src/containers/dialogs/RestoreRequestDialog/index.tsx

@@ -1,14 +1,17 @@
 import React, { useCallback, useMemo, useState, VFC } from 'react';
-import { BetterScrollDialog } from '../../../components/dialogs/BetterScrollDialog';
-import { Group } from '~/components/containers/Group';
-import { InputText } from '~/components/input/InputText';
-import { Button } from '~/components/input/Button';
-import styles from './styles.module.scss';
-import { useCloseOnEscape } from '~/hooks';
-import { DialogComponentProps } from '~/types/modal';
-import { useRestoreRequestForm } from '~/hooks/auth/useRestoreRequestForm';
+
 import { apiRequestRestoreCode } from '~/api/auth';
 import { RestoreSent } from '~/components/auth/restore/RestoreSent';
+import { Group } from '~/components/containers/Group';
+import { Button } from '~/components/input/Button';
+import { InputText } from '~/components/input/InputText';
+import { useCloseOnEscape } from '~/hooks';
+import { useRestoreRequestForm } from '~/hooks/auth/useRestoreRequestForm';
+import { DialogComponentProps } from '~/types/modal';
+
+import { BetterScrollDialog } from '../../../components/dialogs/BetterScrollDialog';
+
+import styles from './styles.module.scss';
 
 interface RestoreRequestDialogProps extends DialogComponentProps {}
 

src/containers/dialogs/TestDialog/index.tsx

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

src/containers/flow/FlowStamp/index.tsx

@@ -1,17 +1,19 @@
 import React, { FC, FormEvent, useCallback, useMemo } from 'react';
-import { InputText } from '~/components/input/InputText';
-import { FlowRecent } from '~/components/flow/FlowRecent';
 
-import styles from '~/containers/flow/FlowStamp/styles.module.scss';
+
+import classNames from 'classnames';
+
+import { Superpower } from '~/components/boris/Superpower';
+import { Group } from '~/components/containers/Group';
+import { FlowRecent } from '~/components/flow/FlowRecent';
 import { FlowSearchResults } from '~/components/flow/FlowSearchResults';
 import { Icon } from '~/components/input/Icon';
-import { Group } from '~/components/containers/Group';
+import { InputText } from '~/components/input/InputText';
 import { Toggle } from '~/components/input/Toggle';
-import classNames from 'classnames';
-import { Superpower } from '~/components/boris/Superpower';
 import { experimentalFeatures } from '~/constants/features';
-import { useSearchContext } from '~/utils/providers/SearchProvider';
+import styles from '~/containers/flow/FlowStamp/styles.module.scss';
 import { useFlowContext } from '~/utils/context/FlowContextProvider';
+import { useSearchContext } from '~/utils/providers/SearchProvider';
 
 interface IProps {
   isFluid: boolean;

src/containers/lab/LabGrid/index.tsx

@@ -1,11 +1,14 @@
 import React, { FC } from 'react';
+
+import { values } from 'ramda';
 import Masonry from 'react-masonry-css';
-import styles from './styles.module.scss';
+
+import { InfiniteScroll } from '~/components/containers/InfiniteScroll';
 import { LabNode } from '~/components/lab/LabNode';
 import { EMPTY_NODE, NODE_TYPES } from '~/constants/node';
-import { values } from 'ramda';
 import { useLabContext } from '~/utils/context/LabContextProvider';
-import { InfiniteScroll } from '~/components/containers/InfiniteScroll';
+
+import styles from './styles.module.scss';
 
 interface IProps {}
 

src/containers/lab/LabStats/index.tsx

@@ -1,13 +1,15 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
-import { LabBanner } from '~/components/lab/LabBanner';
-import { Group } from '~/components/containers/Group';
-import { LabTags } from '~/components/lab/LabTags';
-import { LabHeroes } from '~/components/lab/LabHeroes';
-import { FlowRecentItem } from '~/components/flow/FlowRecentItem';
+
 import { SubTitle } from '~/components/common/SubTitle';
+import { Group } from '~/components/containers/Group';
+import { FlowRecentItem } from '~/components/flow/FlowRecentItem';
+import { LabBanner } from '~/components/lab/LabBanner';
+import { LabHeroes } from '~/components/lab/LabHeroes';
+import { LabTags } from '~/components/lab/LabTags';
 import { useLabContext } from '~/utils/context/LabContextProvider';
 
+import styles from './styles.module.scss';
+
 interface IProps {}
 
 const LabStats: FC<IProps> = () => {

src/containers/main/BottomContainer/index.tsx

@@ -1,7 +1,9 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { PlayerView } from '~/containers/player/PlayerView';
 
+import styles from './styles.module.scss';
+
 type IProps = {};
 
 const BottomContainer: FC<IProps> = () => (

src/containers/main/Container/index.tsx

@@ -1,7 +1,9 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import classNames from 'classnames';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   className?: string;
 }

src/containers/main/Header/index.tsx

@@ -1,24 +1,25 @@
 import React, { FC, useCallback, useMemo } from 'react';
-import { Logo } from '~/components/main/Logo';
 
-import { Filler } from '~/components/containers/Filler';
-import { UserButton } from '~/components/main/UserButton';
-import { URLS } from '~/constants/urls';
 import classNames from 'classnames';
-
-import styles from './styles.module.scss';
 import isBefore from 'date-fns/isBefore';
-import { Authorized } from '~/components/containers/Authorized';
-import { Button } from '~/components/input/Button';
 import { observer } from 'mobx-react-lite';
+
+import { Anchor } from '~/components/common/Anchor';
+import { Authorized } from '~/components/containers/Authorized';
+import { Filler } from '~/components/containers/Filler';
+import { Button } from '~/components/input/Button';
+import { Logo } from '~/components/main/Logo';
+import { UserButton } from '~/components/main/UserButton';
 import { Dialog } from '~/constants/modal';
-import { useGetLabStats } from '~/hooks/lab/useGetLabStats';
+import { URLS } from '~/constants/urls';
 import { useAuth } from '~/hooks/auth/useAuth';
-import { useModal } from '~/hooks/modal/useModal';
 import { useScrollTop } from '~/hooks/dom/useScrollTop';
 import { useFlow } from '~/hooks/flow/useFlow';
+import { useGetLabStats } from '~/hooks/lab/useGetLabStats';
+import { useModal } from '~/hooks/modal/useModal';
 import { useUpdates } from '~/hooks/updates/useUpdates';
-import { Anchor } from '~/components/common/Anchor';
+
+import styles from './styles.module.scss';
 
 type HeaderProps = {};
 

src/containers/main/MainLayout/index.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import styles from './styles.module.scss';
+
 import { Header } from '~/containers/main/Header';
 import { SidebarRouter } from '~/containers/main/SidebarRouter';
 
+import styles from './styles.module.scss';
+
 export const MainLayout = ({ children }) => (
   <div className={styles.wrapper}>
     <div className={styles.content}>

src/containers/main/MainRouter/index.tsx

@@ -1,13 +1,15 @@
 import React, { FC } from 'react';
+
+import { Redirect, Route, Switch, useLocation } from 'react-router';
+
 import { URLS } from '~/constants/urls';
 import { ErrorNotFound } from '~/containers/pages/ErrorNotFound';
-import { Redirect, Route, Switch, useLocation } from 'react-router';
+import { useAuth } from '~/hooks/auth/useAuth';
 import { ProfileLayout } from '~/layouts/ProfileLayout';
 import FlowPage from '~/pages';
 import BorisPage from '~/pages/boris';
-import NodePage from '~/pages/node/[id]';
 import LabPage from '~/pages/lab';
-import { useAuth } from '~/hooks/auth/useAuth';
+import NodePage from '~/pages/node/[id]';
 
 interface IProps {}
 

src/containers/main/SidebarRouter/index.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
-import { Authorized } from '~/components/containers/Authorized';
+
 import { SubmitBar } from '~/components/bars/SubmitBar';
+import { Authorized } from '~/components/containers/Authorized';
 
 interface IProps {
   prefix?: string;

src/containers/node/NodeBottomBlock/index.tsx

@@ -1,21 +1,23 @@
 import React, { FC } from 'react';
-import { NodeDeletedBadge } from '~/components/node/NodeDeletedBadge';
+
 import { Group } from '~/components/containers/Group';
 import { Padder } from '~/components/containers/Padder';
-import { NodeCommentForm } from '~/components/node/NodeCommentForm';
-import { NodeRelatedBlock } from '~/components/node/NodeRelatedBlock';
-import { useNodeBlocks } from '~/hooks/node/useNodeBlocks';
-import { NodeTagsBlock } from '~/components/node/NodeTagsBlock';
-import styles from './styles.module.scss';
-import { NodeAuthorBlock } from '~/components/node/NodeAuthorBlock';
-import { useNodeContext } from '~/utils/context/NodeContextProvider';
-import { useCommentContext } from '~/utils/context/CommentContextProvider';
-import { NodeNoComments } from '~/components/node/NodeNoComments';
-import { NodeComments } from '~/containers/node/NodeComments';
-import { useUserContext } from '~/utils/context/UserContextProvider';
-import { useNodeRelatedContext } from '~/utils/context/NodeRelatedContextProvider';
-import { useAuthProvider } from '~/utils/providers/AuthProvider';
 import { Sticky } from '~/components/containers/Sticky';
+import { NodeAuthorBlock } from '~/components/node/NodeAuthorBlock';
+import { NodeCommentForm } from '~/components/node/NodeCommentForm';
+import { NodeDeletedBadge } from '~/components/node/NodeDeletedBadge';
+import { NodeNoComments } from '~/components/node/NodeNoComments';
+import { NodeRelatedBlock } from '~/components/node/NodeRelatedBlock';
+import { NodeTagsBlock } from '~/components/node/NodeTagsBlock';
+import { NodeComments } from '~/containers/node/NodeComments';
+import { useNodeBlocks } from '~/hooks/node/useNodeBlocks';
+import { useCommentContext } from '~/utils/context/CommentContextProvider';
+import { useNodeContext } from '~/utils/context/NodeContextProvider';
+import { useNodeRelatedContext } from '~/utils/context/NodeRelatedContextProvider';
+import { useUserContext } from '~/utils/context/UserContextProvider';
+import { useAuthProvider } from '~/utils/providers/AuthProvider';
+
+import styles from './styles.module.scss';
 
 interface IProps {
   commentsOrder: 'ASC' | 'DESC';

src/containers/node/NodeComments/index.tsx

@@ -1,13 +1,14 @@
 import React, { FC, memo, useMemo } from 'react';
 
-import styles from './styles.module.scss';
-import { ICommentGroup } from '~/types';
-import { canEditComment } from '~/utils/node';
-import { useGrouppedComments } from '~/hooks/node/useGrouppedComments';
-import { useCommentContext } from '~/utils/context/CommentContextProvider';
 import { Comment } from '~/components/comment/Comment';
-import { useUserContext } from '~/utils/context/UserContextProvider';
+import { useGrouppedComments } from '~/hooks/node/useGrouppedComments';
+import { ICommentGroup } from '~/types';
+import { useCommentContext } from '~/utils/context/CommentContextProvider';
 import { useNodeContext } from '~/utils/context/NodeContextProvider';
+import { useUserContext } from '~/utils/context/UserContextProvider';
+import { canEditComment } from '~/utils/node';
+
+import styles from './styles.module.scss';
 
 interface IProps {
   order: 'ASC' | 'DESC';

src/containers/pages/ErrorNotFound/index.tsx

@@ -1,8 +1,11 @@
 import React, { VFC } from 'react';
-import styles from './styles.module.scss';
+
 import { createPortal } from 'react-dom';
+
 import { GodRays } from '~/components/main/GodRays';
 
+import styles from './styles.module.scss';
+
 const ErrorNotFound: VFC = () =>
   createPortal(
     <div className={styles.wrap}>

src/containers/player/PlayerView/index.tsx

@@ -1,4 +1,5 @@
 import React, { VFC } from 'react';
+
 import { PlayerBar } from '~/components/bars/PlayerBar';
 import { useAudioPlayer } from '~/utils/providers/AudioPlayerProvider';
 

src/containers/profile/ProfileAccounts/index.tsx

@@ -1,11 +1,13 @@
 import React, { FC, Fragment } from 'react';
-import styles from './styles.module.scss';
-import { Placeholder } from '~/components/placeholders/Placeholder';
-import { Icon } from '~/components/input/Icon';
-import { Button } from '~/components/input/Button';
+
 import { Group } from '~/components/containers/Group';
-import { useOAuth } from '~/hooks/auth/useOAuth';
+import { Button } from '~/components/input/Button';
+import { Icon } from '~/components/input/Icon';
+import { Placeholder } from '~/components/placeholders/Placeholder';
 import { SOCIAL_ICONS } from '~/constants/auth/socials';
+import { useOAuth } from '~/hooks/auth/useOAuth';
+
+import styles from './styles.module.scss';
 
 type ProfileAccountsProps = {};
 

src/containers/profile/ProfileInfo/index.tsx

@@ -1,13 +1,16 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { Group } from '~/components/containers/Group';
 import { Placeholder } from '~/components/placeholders/Placeholder';
-import { getPrettyDate } from '~/utils/dom';
-import { ProfileTabs } from '../ProfileTabs';
 import { ProfileAvatar } from '~/components/profile/ProfileAvatar';
-import { useProfileContext } from '~/utils/providers/ProfileProvider';
 import { usePatchUser } from '~/hooks/auth/usePatchUser';
 import { useUser } from '~/hooks/auth/useUser';
+import { getPrettyDate } from '~/utils/dom';
+import { useProfileContext } from '~/utils/providers/ProfileProvider';
+
+import { ProfileTabs } from '../ProfileTabs';
+
+import styles from './styles.module.scss';
 
 interface IProps {
   isLoading?: boolean;

src/containers/profile/ProfileLoader/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';
+
 interface IProps {}
 
 const ProfileLoader: FC<IProps> = () => {

src/containers/profile/ProfileMessages/index.tsx

@@ -1,11 +1,14 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
-import { Message } from '~/components/profile/Message';
+
+import { Anchor } from '~/components/common/Anchor';
 import { NodeNoComments } from '~/components/node/NodeNoComments';
-import { useMessages } from '~/hooks/messages/useMessages';
+import { Message } from '~/components/profile/Message';
 import { useUser } from '~/hooks/auth/useUser';
+import { useMessages } from '~/hooks/messages/useMessages';
 import { useProfileContext } from '~/utils/providers/ProfileProvider';
 
+import styles from './styles.module.scss';
+
 const ProfileMessages: FC = () => {
   const { profile, isLoading: isLoadingProfile } = useProfileContext();
   const { user } = useUser();
@@ -29,7 +32,7 @@ const ProfileMessages: FC = () => {
         </p>
 
         <p>
-          Давай обсудим это в <a href="/boris">Борисе</a>, если это так важно.
+          Давай обсудим это в <Anchor href="/boris">Борисе</Anchor>, если это так важно.
         </p>
       </div>
 

src/containers/profile/ProfilePageLeft/index.tsx

@@ -1,12 +1,14 @@
 import React, { FC } from 'react';
-import { IUser } from '~/types/auth';
-import { formatText } from '~/utils/dom';
-import { PRESETS } from '~/constants/urls';
-import { Placeholder } from '~/components/placeholders/Placeholder';
 
-import styles from './styles.module.scss';
 import { Avatar } from '~/components/common/Avatar';
 import { Markdown } from '~/components/containers/Markdown';
+import { Placeholder } from '~/components/placeholders/Placeholder';
+import { PRESETS } from '~/constants/urls';
+import { IUser } from '~/types/auth';
+import { formatText } from '~/utils/dom';
+
+import styles from './styles.module.scss';
+
 
 interface IProps {
   profile: IUser;

src/containers/profile/ProfilePageStats/index.tsx

@@ -1,8 +1,10 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { StatsRow } from '~/components/common/StatsRow';
 import { SubTitle } from '~/components/common/SubTitle';
 
+import styles from './styles.module.scss';
+
 interface Props {}
 
 const ProfilePageStats: FC<Props> = () => (

src/containers/profile/ProfileSidebarHead/index.tsx

@@ -1,6 +1,7 @@
 import React, { VFC } from 'react';
-import { Group } from '~/components/containers/Group';
+
 import { Filler } from '~/components/containers/Filler';
+import { Group } from '~/components/containers/Group';
 import { ProfileAvatar } from '~/components/profile/ProfileAvatar';
 import { usePatchUser } from '~/hooks/auth/usePatchUser';
 import { useUser } from '~/hooks/auth/useUser';

src/containers/profile/ProfileSidebarMenu/index.tsx

@@ -1,14 +1,17 @@
 import React, { VFC } from 'react';
-import styles from './styles.module.scss';
-import { ProfileSidebarHead } from '~/containers/profile/ProfileSidebarHead';
-import { Filler } from '~/components/containers/Filler';
+
 import classNames from 'classnames';
-import markdown from '~/styles/common/markdown.module.scss';
-import { Group } from '~/components/containers/Group';
-import { Grid } from '~/components/containers/Grid';
-import { Card } from '~/components/containers/Card';
+
 import { Square } from '~/components/common/Square';
+import { Card } from '~/components/containers/Card';
+import { Filler } from '~/components/containers/Filler';
+import { Grid } from '~/components/containers/Grid';
+import { Group } from '~/components/containers/Group';
 import { Button } from '~/components/input/Button';
+import { ProfileSidebarHead } from '~/containers/profile/ProfileSidebarHead';
+import markdown from '~/styles/common/markdown.module.scss';
+
+import styles from './styles.module.scss';
 
 interface ProfileSidebarMenuProps {
   onClose: () => void;

src/containers/profile/ProfileTabs/index.tsx

@@ -1,7 +1,9 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { Tabs } from '~/components/dialogs/Tabs';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   is_own: boolean;
 }

src/containers/sidebars/ProfileSidebar/index.tsx

@@ -1,10 +1,11 @@
 import React, { VFC } from 'react';
+
+import { ProfileSidebarSettings } from '~/components/profile/ProfileSidebarSettings';
+import { SidebarStack } from '~/components/sidebar/SidebarStack';
+import { SidebarStackCard } from '~/components/sidebar/SidebarStackCard';
+import { ProfileSidebarMenu } from '~/containers/profile/ProfileSidebarMenu';
 import { SidebarWrapper } from '~/containers/sidebars/SidebarWrapper';
 import { DialogComponentProps } from '~/types/modal';
-import { ProfileSidebarMenu } from '~/containers/profile/ProfileSidebarMenu';
-import { SidebarStack } from '~/components/sidebar/SidebarStack';
-import { ProfileSidebarSettings } from '~/components/profile/ProfileSidebarSettings';
-import { SidebarStackCard } from '~/components/sidebar/SidebarStackCard';
 
 interface ProfileSidebarProps extends DialogComponentProps {}
 

src/containers/sidebars/SidebarWrapper/index.tsx

@@ -1,8 +1,11 @@
 import React, { FC, useEffect, useRef } from 'react';
-import styles from './styles.module.scss';
+
 import { clearAllBodyScrollLocks, disableBodyScroll } from 'body-scroll-lock';
+
 import { useCloseOnEscape } from '~/hooks';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   onClose?: () => void;
 }

src/containers/sidebars/TagSidebar/index.tsx

@@ -1,14 +1,16 @@
 import React, { useMemo, VFC } from 'react';
-import { SidebarWrapper } from '~/containers/sidebars/SidebarWrapper';
-import styles from './styles.module.scss';
-import { Icon } from '~/components/input/Icon';
-import { TagSidebarList } from '~/components/sidebar/TagSidebarList';
-import { LoaderCircle } from '~/components/input/LoaderCircle';
+
 import { InfiniteScroll } from '~/components/containers/InfiniteScroll';
+import { Icon } from '~/components/input/Icon';
+import { LoaderCircle } from '~/components/input/LoaderCircle';
+import { SidebarStack } from '~/components/sidebar/SidebarStack';
+import { TagSidebarList } from '~/components/sidebar/TagSidebarList';
 import { Tag } from '~/components/tags/Tag';
+import { SidebarWrapper } from '~/containers/sidebars/SidebarWrapper';
 import { useTagNodes } from '~/hooks/tag/useTagNodes';
 import { DialogComponentProps } from '~/types/modal';
-import { SidebarStack } from '~/components/sidebar/SidebarStack';
+
+import styles from './styles.module.scss';
 
 interface TagSidebarProps extends DialogComponentProps {
   tag: string;

src/containers/tags/TagInput/index.tsx

@@ -1,7 +1,9 @@
 import React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
 import { TagAutocomplete } from '~/components/tags/TagAutocomplete';
 import { TagWrapper } from '~/components/tags/TagWrapper';
 import { useTagAutocomplete } from '~/hooks/tag/useTagAutocomplete';
+
 import styles from './styles.module.scss';
 
 const placeholder = 'Добавить';

src/containers/tags/Tags/index.tsx

@@ -1,9 +1,11 @@
 import React, { FC, HTMLAttributes, useCallback, useMemo, useState } from 'react';
-import { TagField } from '~/components/containers/TagField';
-import { ITag } from '~/types';
+
 import { uniq } from 'ramda';
+
+import { TagField } from '~/components/containers/TagField';
 import { Tag } from '~/components/tags/Tag';
 import { TagInput } from '~/containers/tags/TagInput';
+import { ITag } from '~/types';
 import { separateTags } from '~/utils/tag';
 
 type IProps = HTMLAttributes<HTMLDivElement> & {