diff --git a/.eslintrc.js b/.eslintrc.js index 7b18339..ead7640 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -7,6 +7,9 @@ module.exports = { "plugin:prettier/recommended", "plugin:jsx-a11y/recommended", "plugin:react-hooks/recommended", + "plugin:import/errors", + "plugin:import/warnings", + "plugin:import/typescript", ], plugins: ["prettier", "@typescript-eslint", "jsx-a11y"], env: { @@ -33,6 +36,17 @@ module.exports = { "no-undef": "off", // TODO "no-unused-vars": "off", "@typescript-eslint/consistent-type-imports": "error", + // TODO + "sort-imports": [ + "error", + { + ignoreCase: false, + ignoreDeclarationSort: false, + ignoreMemberSort: false, + memberSyntaxSortOrder: ["none", "all", "multiple", "single"], + allowSeparatedGroups: true, + }, + ], // "react/jsx-uses-react": "off", // "react/react-in-jsx-scope": "off", }, diff --git a/src/ui/components/Configurator/Configurator.tsx b/src/ui/components/Configurator/Configurator.tsx index 6fc3cd0..8d70576 100644 --- a/src/ui/components/Configurator/Configurator.tsx +++ b/src/ui/components/Configurator/Configurator.tsx @@ -1,9 +1,9 @@ +import { Checkbox, SectionTitle } from 'react-figma-ui'; import { memo, useCallback } from 'react'; -import { SectionTitle, Checkbox } from 'react-figma-ui'; -import { useOptions } from '../../hooks/useOptions'; -import { prepareOptionName } from '../../utils/prepareOptionName'; import type { Options } from '../../../shared/types/Options'; +import { prepareOptionName } from '../../utils/prepareOptionName'; +import { useOptions } from '../../hooks/useOptions'; import styles from './Configurator.module.scss'; diff --git a/src/ui/components/Elements/Elements.tsx b/src/ui/components/Elements/Elements.tsx index d787357..22041a9 100644 --- a/src/ui/components/Elements/Elements.tsx +++ b/src/ui/components/Elements/Elements.tsx @@ -1,4 +1,4 @@ -import { useState, useEffect } from 'react'; +import { useEffect, useState } from 'react'; import { Input } from 'react-figma-ui'; import { Configurator } from '../Configurator/Configurator';