(nextjs) added eslint and import sorting

src/components/editors/AudioEditor/index.tsx

@@ -1,15 +1,20 @@
 import React, { FC, useCallback, useMemo } from 'react';
+
+import { values } from 'ramda';
+
+import { UploadDropzone } from '~/components/upload/UploadDropzone';
 import { UploadType } from '~/constants/uploads';
-import { ImageGrid } from '../ImageGrid';
-import { AudioGrid } from '../AudioGrid';
-import styles from './styles.module.scss';
-import { NodeEditorProps } from '~/types/node';
-import { useNodeImages } from '~/hooks/node/useNodeImages';
 import { useNodeAudios } from '~/hooks/node/useNodeAudios';
 import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
-import { UploadDropzone } from '~/components/upload/UploadDropzone';
+import { useNodeImages } from '~/hooks/node/useNodeImages';
+import { NodeEditorProps } from '~/types/node';
 import { useUploaderContext } from '~/utils/context/UploaderContextProvider';
-import { values } from 'ramda';
+
+import { AudioGrid } from '../AudioGrid';
+import { ImageGrid } from '../ImageGrid';
+
+import styles from './styles.module.scss';
+
 
 type IProps = NodeEditorProps;
 

src/components/editors/AudioGrid/index.tsx

@@ -1,12 +1,15 @@
 import React, { FC, useCallback } from 'react';
+
 import { SortEnd } from 'react-sortable-hoc';
+
+import { SortableAudioGrid } from '~/components/editors/SortableAudioGrid';
+import { useWindowSize } from '~/hooks/dom/useWindowSize';
+import { UploadStatus } from '~/store/uploader/UploaderStore';
 import { IFile } from '~/types';
 import { moveArrItem } from '~/utils/fn';
-import { SortableAudioGrid } from '~/components/editors/SortableAudioGrid';
 
 import styles from './styles.module.scss';
-import { UploadStatus } from '~/store/uploader/UploaderStore';
-import { useWindowSize } from '~/hooks/dom/useWindowSize';
+
 
 interface IProps {
   files: IFile[];

src/components/editors/EditorActionsPanel/index.tsx

@@ -1,9 +1,12 @@
 import React, { createElement, FC } from 'react';
-import styles from './styles.module.scss';
-import { NODE_PANEL_COMPONENTS } from '~/constants/node';
+
 import { has } from 'ramda';
+
+import { NODE_PANEL_COMPONENTS } from '~/constants/node';
 import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
 
+import styles from './styles.module.scss';
+
 const EditorActionsPanel: FC = () => {
   const { values } = useNodeFormContext();
 

src/components/editors/EditorAudioUploadButton/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+
 import { EditorUploadButton } from '~/components/editors/EditorUploadButton';
 import { UploadType } from '~/constants/uploads';
 import { IEditorComponentProps } from '~/types/node';

src/components/editors/EditorButtons/index.tsx

@@ -1,11 +1,12 @@
 import React, { FC } from 'react';
-import { EditorActionsPanel } from '~/components/editors/EditorActionsPanel';
-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 { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
+
 import { Filler } from '~/components/containers/Filler';
+import { Group } from '~/components/containers/Group';
+import { Padder } from '~/components/containers/Padder';
+import { EditorActionsPanel } from '~/components/editors/EditorActionsPanel';
+import { Button } from '~/components/input/Button';
+import { InputText } from '~/components/input/InputText';
+import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
 
 const EditorButtons: FC = () => {
   const { values, handleChange, isSubmitting } = useNodeFormContext();

src/components/editors/EditorConfirmClose/index.tsx

@@ -1,8 +1,10 @@
 import React, { FC } from 'react';
-import styles from './styles.module.scss';
+
 import { Group } from '~/components/containers/Group';
 import { Button } from '~/components/input/Button';
 
+import styles from './styles.module.scss';
+
 interface IProps {
   onApprove: () => void;
   onDecline: () => void;

src/components/editors/EditorFiller/index.tsx

@@ -1,6 +1,8 @@
 import React, { FC } from 'react';
+
 import { Filler } from '~/components/containers/Filler';
 import { IEditorComponentProps } from '~/types/node';
+
 import styles from './styles.module.scss';
 
 type IProps = IEditorComponentProps & {};

src/components/editors/EditorImageUploadButton/index.tsx

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+
 import { EditorUploadButton } from '~/components/editors/EditorUploadButton';
 import { UploadType } from '~/constants/uploads';
 import { IEditorComponentProps } from '~/types/node';

src/components/editors/EditorPublicSwitch/index.tsx

@@ -1,9 +1,11 @@
 import React, { FC, useCallback } from 'react';
-import { IEditorComponentProps } from '~/types/node';
+
 import { Button } from '~/components/input/Button';
 import { Icon } from '~/components/input/Icon';
-import styles from './styles.module.scss';
 import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
+import { IEditorComponentProps } from '~/types/node';
+
+import styles from './styles.module.scss';
 
 interface IProps extends IEditorComponentProps {}
 

src/components/editors/EditorUploadButton/index.tsx

@@ -1,12 +1,14 @@
 import React, { ChangeEvent, FC, useCallback } from 'react';
-import styles from './styles.module.scss';
+
+import { Button } from '~/components/input/Button';
 import { Icon } from '~/components/input/Icon';
 import { UploadType } from '~/constants/uploads';
-import { IEditorComponentProps } from '~/types/node';
-import { getFileType } from '~/utils/uploader';
 import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
-import { Button } from '~/components/input/Button';
+import { IEditorComponentProps } from '~/types/node';
 import { useUploaderContext } from '~/utils/context/UploaderContextProvider';
+import { getFileType } from '~/utils/uploader';
+
+import styles from './styles.module.scss';
 
 type IProps = IEditorComponentProps & {
   accept?: string;

src/components/editors/EditorUploadCoverButton/index.tsx

@@ -1,13 +1,15 @@
 import React, { ChangeEvent, FC, useCallback, useEffect } from 'react';
-import styles from './styles.module.scss';
-import { UploadSubject, UploadTarget, UploadType } from '~/constants/uploads';
-import { getURL } from '~/utils/dom';
+
 import { Icon } from '~/components/input/Icon';
+import { UploadSubject, UploadTarget, UploadType } from '~/constants/uploads';
 import { PRESETS } from '~/constants/urls';
-import { IEditorComponentProps } from '~/types/node';
-import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
-import { getFileType } from '~/utils/uploader';
 import { useUploader } from '~/hooks/data/useUploader';
+import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
+import { IEditorComponentProps } from '~/types/node';
+import { getURL } from '~/utils/dom';
+import { getFileType } from '~/utils/uploader';
+
+import styles from './styles.module.scss';
 
 type IProps = IEditorComponentProps & {};
 

src/components/editors/ImageEditor/index.tsx

@@ -1,11 +1,14 @@
 import React, { FC } from 'react';
-import { ImageGrid } from '~/components/editors/ImageGrid';
-import styles from './styles.module.scss';
-import { NodeEditorProps } from '~/types/node';
-import { UploadDropzone } from '~/components/upload/UploadDropzone';
-import { useUploaderContext } from '~/utils/context/UploaderContextProvider';
+
 import { values } from 'ramda';
 
+import { ImageGrid } from '~/components/editors/ImageGrid';
+import { UploadDropzone } from '~/components/upload/UploadDropzone';
+import { NodeEditorProps } from '~/types/node';
+import { useUploaderContext } from '~/utils/context/UploaderContextProvider';
+
+import styles from './styles.module.scss';
+
 type IProps = NodeEditorProps;
 
 const ImageEditor: FC<IProps> = () => {

src/components/editors/ImageGrid/index.tsx

@@ -1,11 +1,14 @@
 import React, { FC, useCallback } from 'react';
+
 import { SortEnd } from 'react-sortable-hoc';
-import styles from './styles.module.scss';
+
+import { SortableImageGrid } from '~/components/editors/SortableImageGrid';
+import { useWindowSize } from '~/hooks/dom/useWindowSize';
+import { UploadStatus } from '~/store/uploader/UploaderStore';
 import { IFile } from '~/types';
 import { moveArrItem } from '~/utils/fn';
-import { SortableImageGrid } from '~/components/editors/SortableImageGrid';
-import { UploadStatus } from '~/store/uploader/UploaderStore';
-import { useWindowSize } from '~/hooks/dom/useWindowSize';
+
+import styles from './styles.module.scss';
 
 interface IProps {
   files: IFile[];

src/components/editors/SortableAudioGrid/index.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
+
 import { SortableContainer } from 'react-sortable-hoc';
-import { AudioUpload } from '~/components/upload/AudioUpload';
-import styles from './styles.module.scss';
+
 import { SortableAudioGridItem } from '~/components/editors/SortableAudioGridItem';
-import { IFile } from '~/types';
 import { AudioPlayer } from '~/components/media/AudioPlayer';
+import { AudioUpload } from '~/components/upload/AudioUpload';
 import { UploadStatus } from '~/store/uploader/UploaderStore';
+import { IFile } from '~/types';
+
+import styles from './styles.module.scss';
 
 const SortableAudioGrid = SortableContainer(
   ({

src/components/editors/SortableAudioGridItem/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { SortableElement } from 'react-sortable-hoc';
 
 import styles from './styles.module.scss';

src/components/editors/SortableImageGrid/index.tsx

@@ -1,13 +1,16 @@
 import React, { useCallback } from 'react';
+
+import classNames from 'classnames';
 import { SortableContainer } from 'react-sortable-hoc';
-import { ImageUpload } from '~/components/upload/ImageUpload';
-import styles from './styles.module.scss';
+
 import { SortableImageGridItem } from '~/components/editors/SortableImageGridItem';
+import { ImageUpload } from '~/components/upload/ImageUpload';
+import { PRESETS } from '~/constants/urls';
+import { UploadStatus } from '~/store/uploader/UploaderStore';
 import { IFile } from '~/types';
 import { getURL } from '~/utils/dom';
-import { PRESETS } from '~/constants/urls';
-import classNames from 'classnames';
-import { UploadStatus } from '~/store/uploader/UploaderStore';
+
+import styles from './styles.module.scss';
 
 const SortableImageGrid = SortableContainer(
   ({

src/components/editors/SortableImageGridItem/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { SortableElement } from 'react-sortable-hoc';
 
 import styles from './styles.module.scss';

src/components/editors/TextEditor/index.tsx

@@ -1,10 +1,13 @@
 import React, { FC, useCallback } from 'react';
-import styles from './styles.module.scss';
-import { Textarea } from '~/components/input/Textarea';
+
 import { path } from 'ramda';
-import { NodeEditorProps } from '~/types/node';
-import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
+
+import { Textarea } from '~/components/input/Textarea';
 import { useRandomPhrase } from '~/constants/phrases';
+import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
+import { NodeEditorProps } from '~/types/node';
+
+import styles from './styles.module.scss';
 
 type IProps = NodeEditorProps & {};
 

src/components/editors/VideoEditor/index.tsx

@@ -1,11 +1,14 @@
 import React, { FC, useCallback, useMemo } from 'react';
-import styles from './styles.module.scss';
-import { path } from 'ramda';
-import { InputText } from '~/components/input/InputText';
+
 import classnames from 'classnames';
-import { getYoutubeThumb } from '~/utils/dom';
-import { NodeEditorProps } from '~/types/node';
+import { path } from 'ramda';
+
+import { InputText } from '~/components/input/InputText';
 import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
+import { NodeEditorProps } from '~/types/node';
+import { getYoutubeThumb } from '~/utils/dom';
+
+import styles from './styles.module.scss';
 
 type IProps = NodeEditorProps & {};