(nextjs) added eslint and import sorting

src/components/flow/CellShade/index.tsx

@@ -1,10 +1,13 @@
 import React, { FC, useMemo } from 'react';
-import styles from './styles.module.scss';
-import { DEFAULT_DOMINANT_COLOR } from '~/constants/node';
-import { DivProps } from '~/utils/types';
+
 import classNames from 'classnames';
 import { transparentize } from 'color2k';
+
+import { DEFAULT_DOMINANT_COLOR } from '~/constants/node';
 import { normalizeBrightColor } from '~/utils/color';
+import { DivProps } from '~/utils/types';
+
+import styles from './styles.module.scss';
 
 interface Props extends DivProps {
   color?: string;

src/components/flow/FlowCell/index.tsx

@@ -1,15 +1,18 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
-import { CellShade } from '~/components/flow/CellShade';
-import { FlowDisplay, INode } from '~/types';
-import { FlowCellText } from '~/components/flow/FlowCellText';
+
 import classNames from 'classnames';
-import { FlowCellMenu } from '~/components/flow/FlowCellMenu';
-import { useFlowCellControls } from '~/hooks/flow/useFlowCellControls';
-import { useClickOutsideFocus } from '~/hooks/dom/useClickOutsideFocus';
-import { MenuDots } from '~/components/common/MenuDots';
-import { FlowCellImage } from '~/components/flow/FlowCellImage';
+
 import { Anchor } from '~/components/common/Anchor';
+import { MenuDots } from '~/components/common/MenuDots';
+import { CellShade } from '~/components/flow/CellShade';
+import { FlowCellImage } from '~/components/flow/FlowCellImage';
+import { FlowCellMenu } from '~/components/flow/FlowCellMenu';
+import { FlowCellText } from '~/components/flow/FlowCellText';
+import { useClickOutsideFocus } from '~/hooks/dom/useClickOutsideFocus';
+import { useFlowCellControls } from '~/hooks/flow/useFlowCellControls';
+import { FlowDisplay, INode } from '~/types';
+
+import styles from './styles.module.scss';
 
 interface Props {
   id: INode['id'];

src/components/flow/FlowCellImage/index.tsx

@@ -1,8 +1,11 @@
 import React, { FC } from 'react';
-import { IMGProps } from '~/utils/types';
-import styles from './styles.module.scss';
+
 import classNames from 'classnames';
 
+import { IMGProps } from '~/utils/types';
+
+import styles from './styles.module.scss';
+
 interface Props extends IMGProps {
   height?: number;
 }

src/components/flow/FlowCellImageLazyLoad/index.tsx

@@ -1,8 +1,11 @@
 import React, { FC } from 'react';
-import LazyLoad from 'react-lazyload';
-import { IMGProps } from '~/utils/types';
-import styles from './styles.module.scss';
+
 import classNames from 'classnames';
+import LazyLoad from 'react-lazyload';
+
+import { IMGProps } from '~/utils/types';
+
+import styles from './styles.module.scss';
 
 interface Props extends IMGProps {
   height?: number;

src/components/flow/FlowCellMenu/index.tsx

@@ -1,11 +1,14 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
-import { Icon } from '~/components/input/Icon';
+
 import classNames from 'classnames';
-import { Toggle } from '~/components/input/Toggle';
+
 import { Group } from '~/components/containers/Group';
+import { Icon } from '~/components/input/Icon';
+import { Toggle } from '~/components/input/Toggle';
 import { FlowDisplayVariant } from '~/types';
 
+import styles from './styles.module.scss';
+
 interface Props {
   onClose: () => void;
   currentView: FlowDisplayVariant;

src/components/flow/FlowCellText/index.tsx

@@ -1,9 +1,13 @@
 import React, { FC, ReactElement } from 'react';
-import { Markdown } from '~/components/containers/Markdown';
-import { DivProps } from '~/utils/types';
+
 import classNames from 'classnames';
-import styles from './styles.module.scss';
+
+import { Markdown } from '~/components/containers/Markdown';
 import { formatText } from '~/utils/dom';
+import { DivProps } from '~/utils/types';
+
+import styles from './styles.module.scss';
+
 
 interface Props extends DivProps {
   children: string;

src/components/flow/FlowGrid/index.tsx

@@ -1,13 +1,16 @@
 import React, { FC, Fragment } from 'react';
+
+import classNames from 'classnames';
+
+import { FlowCell } from '~/components/flow/FlowCell';
+import { PRESETS, URLS } from '~/constants/urls';
 import { FlowDisplay, IFlowNode, INode } from '~/types';
 import { IUser } from '~/types/auth';
-import { PRESETS, URLS } from '~/constants/urls';
-import { FlowCell } from '~/components/flow/FlowCell';
-import classNames from 'classnames';
-import styles from './styles.module.scss';
 import { getURLFromString } from '~/utils/dom';
 import { canEditNode } from '~/utils/node';
 
+import styles from './styles.module.scss';
+
 interface Props {
   nodes: IFlowNode[];
   user: Partial<IUser>;

src/components/flow/FlowRecent/index.tsx

@@ -1,8 +1,11 @@
 import React, { FC } from 'react';
-import { FlowRecentItem } from '../FlowRecentItem';
-import styles from './styles.module.scss';
+
 import { IFlowNode } from '~/types';
 
+import { FlowRecentItem } from '../FlowRecentItem';
+
+import styles from './styles.module.scss';
+
 interface IProps {
   recent: IFlowNode[];
   updated: IFlowNode[];

src/components/flow/FlowRecentItem/index.tsx

@@ -1,12 +1,17 @@
 import React, { FC, MouseEventHandler } from 'react';
-import { INode } from '~/types';
-import styles from './styles.module.scss';
-import { URLS } from '~/constants/urls';
-import { NodeRelatedItem } from '~/components/node/NodeRelatedItem';
-import { getPrettyDate } from '~/utils/dom';
+
 import classNames from 'classnames';
-import { Icon } from '~/components/input/Icon';
+
 import { Anchor } from '~/components/common/Anchor';
+import { Icon } from '~/components/input/Icon';
+import { NodeRelatedItem } from '~/components/node/NodeRelatedItem';
+import { URLS } from '~/constants/urls';
+import { INode } from '~/types';
+import { getPrettyDate } from '~/utils/dom';
+
+import styles from './styles.module.scss';
+
+
 
 interface IProps {
   node: Partial<INode>;

src/components/flow/FlowSearchResults/index.tsx

@@ -1,9 +1,12 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
-import { FlowRecentItem } from '../FlowRecentItem';
+
+import { InfiniteScroll } from '~/components/containers/InfiniteScroll';
 import { Icon } from '~/components/input/Icon';
 import { INode } from '~/types';
-import { InfiniteScroll } from '~/components/containers/InfiniteScroll';
+
+import { FlowRecentItem } from '../FlowRecentItem';
+
+import styles from './styles.module.scss';
 
 interface IProps {
   isLoading: boolean;

src/components/flow/FlowSwiperHero/index.tsx

@@ -1,17 +1,20 @@
 import React, { FC, useCallback, useMemo, useState } from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import styles from './styles.module.scss';
 
-import SwiperCore, { Autoplay, EffectFade, Lazy, Navigation } from 'swiper';
-import { Icon } from '~/components/input/Icon';
-import { getURLFromString } from '~/utils/dom';
-import { PRESETS, URLS } from '~/constants/urls';
-import SwiperClass from 'swiper/types/swiper-class';
-import { LoaderCircle } from '~/components/input/LoaderCircle';
+
 import classNames from 'classnames';
-import { IFlowNode } from '~/types';
+import SwiperCore, { Autoplay, EffectFade, Lazy, Navigation } from 'swiper';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import SwiperClass from 'swiper/types/swiper-class';
+
+import { Icon } from '~/components/input/Icon';
+import { LoaderCircle } from '~/components/input/LoaderCircle';
+import { PRESETS, URLS } from '~/constants/urls';
 import { useWindowSize } from '~/hooks/dom/useWindowSize';
 import { useNavigation } from '~/hooks/navigation/useNavigation';
+import { IFlowNode } from '~/types';
+import { getURLFromString } from '~/utils/dom';
+
+import styles from './styles.module.scss';
 
 SwiperCore.use([EffectFade, Lazy, Autoplay, Navigation]);