Ordered imports alphabetically

src/servers/CreateServer.tsx

@@ -1,16 +1,16 @@
 import type { FC } from 'react';
 import { useEffect, useState } from 'react';
-import { v4 as uuid } from 'uuid';
-import { Button } from 'reactstrap';
 import { useNavigate } from 'react-router-dom';
-import { Result } from '../utils/Result';
+import { Button } from 'reactstrap';
+import { v4 as uuid } from 'uuid';
 import { NoMenuLayout } from '../common/NoMenuLayout';
 import type { TimeoutToggle } from '../utils/helpers/hooks';
 import { useGoBack, useToggle } from '../utils/helpers/hooks';
-import { ServerForm } from './helpers/ServerForm';
-import type { ImportServersBtnProps } from './helpers/ImportServersBtn';
+import { Result } from '../utils/Result';
 import type { ServerData, ServersMap, ServerWithId } from './data';
 import { DuplicatedServersModal } from './helpers/DuplicatedServersModal';
+import type { ImportServersBtnProps } from './helpers/ImportServersBtn';
+import { ServerForm } from './helpers/ServerForm';
 
 const SHOW_IMPORT_MSG_TIME = 4000;
 

src/servers/DeleteServerButton.tsx

@@ -1,9 +1,9 @@
-import type { FC, PropsWithChildren } from 'react';
 import { faMinusCircle as deleteIcon } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import type { FC, PropsWithChildren } from 'react';
 import { useToggle } from '../utils/helpers/hooks';
-import type { DeleteServerModalProps } from './DeleteServerModal';
 import type { ServerWithId } from './data';
+import type { DeleteServerModalProps } from './DeleteServerModal';
 
 export type DeleteServerButtonProps = PropsWithChildren<{
   server: ServerWithId;

src/servers/DeleteServerModal.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { useRef } from 'react';
-import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
 import { useNavigate } from 'react-router-dom';
+import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
 import type { ServerWithId } from './data';
 
 export interface DeleteServerModalProps {

src/servers/EditServer.tsx

@@ -2,10 +2,10 @@ import type { FC } from 'react';
 import { Button } from 'reactstrap';
 import { NoMenuLayout } from '../common/NoMenuLayout';
 import { useGoBack, useParsedQuery } from '../utils/helpers/hooks';
-import { ServerForm } from './helpers/ServerForm';
-import { withSelectedServer } from './helpers/withSelectedServer';
 import type { ServerData } from './data';
 import { isServerWithId } from './data';
+import { ServerForm } from './helpers/ServerForm';
+import { withSelectedServer } from './helpers/withSelectedServer';
 
 interface EditServerProps {
   editServer: (serverId: string, serverData: ServerData) => void;

src/servers/ManageServers.tsx

@@ -1,16 +1,16 @@
-import type { FC } from 'react';
-import { useEffect, useState } from 'react';
-import { Button, Row } from 'reactstrap';
 import { faFileDownload as exportIcon, faPlus as plusIcon } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import type { FC } from 'react';
+import { useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
+import { Button, Row } from 'reactstrap';
 import { NoMenuLayout } from '../common/NoMenuLayout';
-import { SimpleCard } from '../utils/SimpleCard';
-import { SearchField } from '../utils/SearchField';
-import { Result } from '../utils/Result';
 import type { TimeoutToggle } from '../utils/helpers/hooks';
-import type { ImportServersBtnProps } from './helpers/ImportServersBtn';
+import { Result } from '../utils/Result';
+import { SearchField } from '../utils/SearchField';
+import { SimpleCard } from '../utils/SimpleCard';
 import type { ServersMap } from './data';
+import type { ImportServersBtnProps } from './helpers/ImportServersBtn';
 import type { ManageServersRowProps } from './ManageServersRow';
 import type ServersExporter from './services/ServersExporter';
 

src/servers/ManageServersRow.tsx

@@ -1,8 +1,8 @@
-import type { FC } from 'react';
-import { UncontrolledTooltip } from 'reactstrap';
-import { Link } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCheck as checkIcon } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import type { FC } from 'react';
+import { Link } from 'react-router-dom';
+import { UncontrolledTooltip } from 'reactstrap';
 import type { ServerWithId } from './data';
 import type { ManageServersRowDropdownProps } from './ManageServersRowDropdown';
 

src/servers/ManageServersRowDropdown.tsx

@@ -1,18 +1,18 @@
-import type { FC } from 'react';
-import { DropdownItem } from 'reactstrap';
-import { Link } from 'react-router-dom';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faCircle as toggleOnIcon } from '@fortawesome/free-regular-svg-icons';
 import {
   faBan as toggleOffIcon,
   faEdit as editIcon,
   faMinusCircle as deleteIcon,
   faPlug as connectIcon,
 } from '@fortawesome/free-solid-svg-icons';
-import { faCircle as toggleOnIcon } from '@fortawesome/free-regular-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import type { FC } from 'react';
+import { Link } from 'react-router-dom';
+import { DropdownItem } from 'reactstrap';
 import { DropdownBtnMenu } from '../utils/DropdownBtnMenu';
 import { useToggle } from '../utils/helpers/hooks';
-import type { DeleteServerModalProps } from './DeleteServerModal';
 import type { ServerWithId } from './data';
+import type { DeleteServerModalProps } from './DeleteServerModal';
 
 export interface ManageServersRowDropdownProps {
   server: ServerWithId;

src/servers/Overview.tsx

@@ -1,18 +1,18 @@
 import type { FC } from 'react';
 import { useEffect } from 'react';
-import { Card, CardBody, CardHeader, Row } from 'reactstrap';
 import { Link, useNavigate } from 'react-router-dom';
+import { Card, CardBody, CardHeader, Row } from 'reactstrap';
+import type { ShlinkShortUrlsListParams } from '../api/types';
+import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
+import { Topics } from '../mercure/helpers/Topics';
+import type { CreateShortUrlProps } from '../short-urls/CreateShortUrl';
 import type { ShortUrlsList as ShortUrlsListState } from '../short-urls/reducers/shortUrlsList';
 import { ITEMS_IN_OVERVIEW_PAGE } from '../short-urls/reducers/shortUrlsList';
-import { prettify } from '../utils/helpers/numbers';
-import type { TagsList } from '../tags/reducers/tagsList';
 import type { ShortUrlsTableType } from '../short-urls/ShortUrlsTable';
-import { boundToMercureHub } from '../mercure/helpers/boundToMercureHub';
-import type { CreateShortUrlProps } from '../short-urls/CreateShortUrl';
-import type { VisitsOverview } from '../visits/reducers/visitsOverview';
-import { Topics } from '../mercure/helpers/Topics';
-import type { ShlinkShortUrlsListParams } from '../api/types';
+import type { TagsList } from '../tags/reducers/tagsList';
 import { supportsNonOrphanVisits } from '../utils/helpers/features';
+import { prettify } from '../utils/helpers/numbers';
+import type { VisitsOverview } from '../visits/reducers/visitsOverview';
 import type { SelectedServer } from './data';
 import { getServerId } from './data';
 import { HighlightCard } from './helpers/HighlightCard';

src/servers/ServersDropdown.tsx

@@ -1,8 +1,8 @@
-import { isEmpty, values } from 'ramda';
-import { DropdownItem, DropdownMenu, DropdownToggle, UncontrolledDropdown } from 'reactstrap';
-import { Link } from 'react-router-dom';
 import { faPlus as plusIcon, faServer as serverIcon } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { isEmpty, values } from 'ramda';
+import { Link } from 'react-router-dom';
+import { DropdownItem, DropdownMenu, DropdownToggle, UncontrolledDropdown } from 'reactstrap';
 import type { SelectedServer, ServersMap } from './data';
 import { getServerId } from './data';
 

src/servers/ServersListGroup.tsx

@@ -1,9 +1,9 @@
-import type { FC, PropsWithChildren } from 'react';
-import { ListGroup, ListGroupItem } from 'reactstrap';
-import { Link } from 'react-router-dom';
-import classNames from 'classnames';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faChevronRight as chevronIcon } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import classNames from 'classnames';
+import type { FC, PropsWithChildren } from 'react';
+import { Link } from 'react-router-dom';
+import { ListGroup, ListGroupItem } from 'reactstrap';
 import type { ServerWithId } from './data';
 import './ServersListGroup.scss';
 

src/servers/helpers/HighlightCard.tsx

@@ -1,8 +1,8 @@
-import type { FC, PropsWithChildren } from 'react';
-import { Card, CardText, CardTitle } from 'reactstrap';
-import { Link } from 'react-router-dom';
 import { faArrowAltCircleRight as linkIcon } from '@fortawesome/free-regular-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import type { FC, PropsWithChildren } from 'react';
+import { Link } from 'react-router-dom';
+import { Card, CardText, CardTitle } from 'reactstrap';
 import './HighlightCard.scss';
 
 export type HighlightCardProps = PropsWithChildren<{

src/servers/helpers/ImportServersBtn.tsx

@@ -1,12 +1,12 @@
-import type { ChangeEvent, FC, PropsWithChildren } from 'react';
-import { useState, useEffect } from 'react';
-import { Button, UncontrolledTooltip } from 'reactstrap';
-import { complement, pipe } from 'ramda';
 import { faFileUpload as importIcon } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { complement, pipe } from 'ramda';
+import type { ChangeEvent, FC, PropsWithChildren } from 'react';
+import { useEffect, useState } from 'react';
+import { Button, UncontrolledTooltip } from 'reactstrap';
 import { useElementRef, useToggle } from '../../utils/helpers/hooks';
-import type { ServersImporter } from '../services/ServersImporter';
 import type { ServerData, ServersMap } from '../data';
+import type { ServersImporter } from '../services/ServersImporter';
 import { DuplicatedServersModal } from './DuplicatedServersModal';
 import './ImportServersBtn.scss';
 

src/servers/helpers/ServerError.tsx

@@ -1,11 +1,11 @@
 import type { FC } from 'react';
 import { Link } from 'react-router-dom';
+import { NoMenuLayout } from '../../common/NoMenuLayout';
 import { Message } from '../../utils/Message';
-import { ServersListGroup } from '../ServersListGroup';
-import type { DeleteServerButtonProps } from '../DeleteServerButton';
 import type { SelectedServer, ServersMap } from '../data';
 import { isServerWithId } from '../data';
-import { NoMenuLayout } from '../../common/NoMenuLayout';
+import type { DeleteServerButtonProps } from '../DeleteServerButton';
+import { ServersListGroup } from '../ServersListGroup';
 import './ServerError.scss';
 
 interface ServerErrorProps {

src/servers/helpers/ServerForm.tsx

@@ -1,9 +1,9 @@
 import type { FC, PropsWithChildren, ReactNode } from 'react';
 import { useEffect, useState } from 'react';
 import { InputFormGroup } from '../../utils/forms/InputFormGroup';
+import { SimpleCard } from '../../utils/SimpleCard';
 import { handleEventPreventingDefault } from '../../utils/utils';
 import type { ServerData } from '../data';
-import { SimpleCard } from '../../utils/SimpleCard';
 
 type ServerFormProps = PropsWithChildren<{
   onSubmit: (server: ServerData) => void;

src/servers/helpers/withSelectedServer.tsx

@@ -1,10 +1,10 @@
 import type { FC } from 'react';
 import { useEffect } from 'react';
 import { useParams } from 'react-router-dom';
+import { NoMenuLayout } from '../../common/NoMenuLayout';
 import { Message } from '../../utils/Message';
 import type { SelectedServer } from '../data';
 import { isNotFoundServer } from '../data';
-import { NoMenuLayout } from '../../common/NoMenuLayout';
 
 interface WithSelectedServerProps {
   selectServer: (serverId: string) => void;

src/servers/reducers/remoteServers.ts

@@ -1,9 +1,9 @@
 import pack from '../../../package.json';
+import type { HttpClient } from '../../common/services/HttpClient';
+import { createAsyncThunk } from '../../utils/helpers/redux';
 import type { ServerData } from '../data';
 import { hasServerData } from '../data';
 import { createServers } from './servers';
-import { createAsyncThunk } from '../../utils/helpers/redux';
-import type { HttpClient } from '../../common/services/HttpClient';
 
 const responseToServersList = (data: any): ServerData[] => (Array.isArray(data) ? data.filter(hasServerData) : []);
 

src/servers/reducers/selectedServer.ts

@@ -1,12 +1,12 @@
 import type { PayloadAction } from '@reduxjs/toolkit';
 import { createAction, createListenerMiddleware, createSlice } from '@reduxjs/toolkit';
 import { memoizeWith, pipe } from 'ramda';
+import type { ShlinkApiClientBuilder } from '../../api/services/ShlinkApiClientBuilder';
+import type { ShlinkHealth } from '../../api/types';
+import { createAsyncThunk } from '../../utils/helpers/redux';
 import { versionToPrintable, versionToSemVer as toSemVer } from '../../utils/helpers/version';
 import type { SelectedServer, ServerWithId } from '../data';
 import { isReachableServer } from '../data';
-import type { ShlinkHealth } from '../../api/types';
-import { createAsyncThunk } from '../../utils/helpers/redux';
-import type { ShlinkApiClientBuilder } from '../../api/services/ShlinkApiClientBuilder';
 
 const REDUCER_PREFIX = 'shlink/selectedServer';
 

src/servers/services/ServersExporter.ts

@@ -1,9 +1,9 @@
 import { values } from 'ramda';
+import type { JsonToCsv } from '../../utils/helpers/csvjson';
+import { saveCsv } from '../../utils/helpers/files';
 import type { LocalStorage } from '../../utils/services/LocalStorage';
 import type { ServersMap } from '../data';
 import { serverWithIdToServerData } from '../data';
-import { saveCsv } from '../../utils/helpers/files';
-import type { JsonToCsv } from '../../utils/helpers/csvjson';
 
 const SERVERS_FILENAME = 'shlink-servers.csv';
 

src/servers/services/ServersImporter.ts

@@ -1,5 +1,5 @@
-import type { ServerData } from '../data';
 import type { CsvToJson } from '../../utils/helpers/csvjson';
+import type { ServerData } from '../data';
 
 const validateServer = (server: any): server is ServerData =>
   typeof server.url === 'string' && typeof server.apiKey === 'string' && typeof server.name === 'string';

src/servers/services/provideServices.ts

@@ -1,11 +1,18 @@
-import { prop } from 'ramda';
 import type Bottle from 'bottlejs';
+import { prop } from 'ramda';
+import type { ConnectDecorator } from '../../container/types';
 import { CreateServer } from '../CreateServer';
-import { ServersDropdown } from '../ServersDropdown';
-import { DeleteServerModal } from '../DeleteServerModal';
 import { DeleteServerButton } from '../DeleteServerButton';
+import { DeleteServerModal } from '../DeleteServerModal';
 import { EditServer } from '../EditServer';
 import { ImportServersBtn } from '../helpers/ImportServersBtn';
+import { ServerError } from '../helpers/ServerError';
+import { withoutSelectedServer } from '../helpers/withoutSelectedServer';
+import { ManageServers } from '../ManageServers';
+import { ManageServersRow } from '../ManageServersRow';
+import { ManageServersRowDropdown } from '../ManageServersRowDropdown';
+import { Overview } from '../Overview';
+import { fetchServers } from '../reducers/remoteServers';
 import {
   resetSelectedServer,
   selectedServerReducerCreator,
@@ -13,16 +20,9 @@ import {
   selectServerListener,
 } from '../reducers/selectedServer';
 import { createServers, deleteServer, editServer, setAutoConnect } from '../reducers/servers';
-import { fetchServers } from '../reducers/remoteServers';
-import { ServerError } from '../helpers/ServerError';
-import type { ConnectDecorator } from '../../container/types';
-import { withoutSelectedServer } from '../helpers/withoutSelectedServer';
-import { Overview } from '../Overview';
-import { ManageServers } from '../ManageServers';
-import { ManageServersRow } from '../ManageServersRow';
-import { ManageServersRowDropdown } from '../ManageServersRowDropdown';
-import { ServersImporter } from './ServersImporter';
+import { ServersDropdown } from '../ServersDropdown';
 import ServersExporter from './ServersExporter';
+import { ServersImporter } from './ServersImporter';
 
 const provideServices = (bottle: Bottle, connect: ConnectDecorator) => {
   // Components