(nextjs) added eslint and import sorting

src/components/containers/Authorized/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+
 import { useAuth } from '~/hooks/auth/useAuth';
 
 interface IProps {}

src/components/containers/BlurWrapper/index.tsx

@@ -1,7 +1,9 @@
 import React, { AllHTMLAttributes, FC } from 'react';
-import styles from './styles.module.scss';
+
 import classNames from 'classnames';
 
+import styles from './styles.module.scss';
+
 type IProps = AllHTMLAttributes<HTMLDivElement> & { is_blurred: boolean };
 
 export const BlurWrapper: FC<IProps> = ({ children, is_blurred }) => (

src/components/containers/Card/index.tsx

@@ -1,8 +1,10 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
 
 import classNames from 'classnames';
 
+import styles from './styles.module.scss';
+
+
 type IProps = React.HTMLAttributes<HTMLDivElement> & {
   seamless?: boolean;
 };

src/components/containers/CellGrid/index.tsx

@@ -1,8 +1,10 @@
 import React, { FC, HTMLAttributes } from 'react';
-import styles from './styles.module.scss';
 
 import classNames from 'classnames';
 
+import styles from './styles.module.scss';
+
+
 type IProps = HTMLAttributes<HTMLDivElement> & {
   children: any;
   size: number;

src/components/containers/CommentWrapper/index.tsx

@@ -1,11 +1,13 @@
 import React, { FC } from 'react';
+
 import classNames from 'classnames';
+import { path } from 'ramda';
+
+import { CommentAvatar } from '~/components/comment/CommentAvatar';
+import { IUser } from '~/types/auth';
+import { DivProps } from '~/utils/types';
 
 import styles from './styles.module.scss';
-import { IUser } from '~/types/auth';
-import { path } from 'ramda';
-import { CommentAvatar } from '~/components/comment/CommentAvatar';
-import { DivProps } from '~/utils/types';
 
 type IProps = DivProps & {
   user: IUser;

src/components/containers/CoverBackdrop/index.tsx

@@ -1,10 +1,13 @@
 import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
-import { IUser } from '~/types/auth';
-import styles from './styles.module.scss';
-import { getURL } from '~/utils/dom';
-import { PRESETS } from '~/constants/urls';
+
 import classNames from 'classnames';
 
+import { PRESETS } from '~/constants/urls';
+import { IUser } from '~/types/auth';
+import { getURL } from '~/utils/dom';
+
+import styles from './styles.module.scss';
+
 interface IProps {
   cover: IUser['cover'];
 }

src/components/containers/Filler/index.tsx

@@ -1,5 +1,7 @@
 import React, { FC } from 'react';
+
 import classNames from 'classnames';
+
 import styles from './styles.module.scss';
 
 type IProps = React.HTMLAttributes<HTMLDivElement>;

src/components/containers/Grid/index.tsx

@@ -1,5 +1,7 @@
 import React, { FC } from 'react';
+
 import classNames from 'classnames';
+
 import styles from './styles.module.scss';
 
 type IProps = React.HTMLAttributes<HTMLDivElement> & {

src/components/containers/Group/index.tsx

@@ -1,5 +1,7 @@
 import React, { FC } from 'react';
+
 import classNames from 'classnames';
+
 import styles from './styles.module.scss';
 
 type IProps = React.HTMLAttributes<HTMLDivElement> & {

src/components/containers/InfiniteScroll/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC, HTMLAttributes, useCallback, useEffect, useRef } from 'react';
+
 import styles from './styles.module.scss';
 
 interface IProps extends HTMLAttributes<HTMLDivElement> {

src/components/containers/Markdown/index.tsx

@@ -1,7 +1,9 @@
 import React, { DetailedHTMLProps, FC, HTMLAttributes } from 'react';
-import styles from '~/styles/common/markdown.module.scss';
+
 import classNames from 'classnames';
 
+import styles from '~/styles/common/markdown.module.scss';
+
 interface IProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {}
 
 const Markdown: FC<IProps> = ({ className, ...props }) => (

src/components/containers/Padder/index.tsx

@@ -1,8 +1,10 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
 
 import classNames from 'classnames';
 
+import styles from './styles.module.scss';
+
+
 type IProps = React.HTMLAttributes<HTMLDivElement> & {
   padding?: number;
   vertical?: boolean;

src/components/containers/PageCoverProvider/index.tsx

@@ -1,9 +1,12 @@
 import React, { createContext, FC, useContext, useState } from 'react';
-import styles from './styles.module.scss';
+
 import { createPortal } from 'react-dom';
-import { getURL } from '~/utils/dom';
+
 import { PRESETS } from '~/constants/urls';
 import { IFile } from '~/types';
+import { getURL } from '~/utils/dom';
+
+import styles from './styles.module.scss';
 
 interface CoverContextValue {
   cover: IFile | null;

src/components/containers/PageCoverProvider/usePageCover.ts

@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
-import { IFile } from '~/types';
+
 import { usePageCoverContext } from '~/components/containers/PageCoverProvider/index';
+import { IFile } from '~/types';
 
 export const usePageCover = (cover?: IFile) => {
   const { setCover } = usePageCoverContext();

src/components/containers/Panel/index.tsx

@@ -1,8 +1,10 @@
 import React, { FC, HTMLAttributes } from 'react';
-import styles from './styles.module.scss';
 
 import classNames from 'classnames';
 
+import styles from './styles.module.scss';
+
+
 type IProps = HTMLAttributes<HTMLDivElement> & {
   seamless?: boolean;
   stretchy?: boolean;

src/components/containers/Sticky/index.tsx

@@ -1,4 +1,5 @@
 import React, { DetailsHTMLAttributes, FC } from 'react';
+
 import StickyBox from 'react-sticky-box';
 
 interface IProps extends DetailsHTMLAttributes<HTMLDivElement> {

src/components/containers/TagField/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC, HTMLAttributes } from 'react';
+
 import styles from './styles.module.scss';
 
 type IProps = HTMLAttributes<HTMLDivElement> & {};