(nextjs) added eslint and import sorting

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 {}