From bdd2c9cb6fc0681f300d2b1e9a8f232f5ac3cbc6 Mon Sep 17 00:00:00 2001
From: Antonio Ventilii
 <169057656+AntonioVentilii-DFINITY@users.noreply.github.com>
Date: Fri, 6 Sep 2024 17:28:41 +0200
Subject: [PATCH] feat(lint): sort svelte imports (#2270)

# Motivation

More svelte imports sorted.
---
 .eslintrc.cjs                                 |  1 +
 .../src/lib/components/core/Back.svelte       |  4 ++--
 .../src/lib/components/core/Erc20Icp.svelte   |  2 +-
 .../src/lib/components/core/Listener.svelte   |  8 +++----
 .../src/lib/components/core/Loader.svelte     | 12 +++++-----
 .../src/lib/components/core/Loaders.svelte    |  6 ++---
 .../src/lib/components/core/Menu.svelte       | 24 +++++++++----------
 .../src/lib/components/core/MenuWallet.svelte | 18 +++++++-------
 .../src/lib/components/core/Modals.svelte     |  4 ++--
 .../src/lib/components/core/SignOut.svelte    |  4 ++--
 .../components/core/WalletAddresses.svelte    |  4 ++--
 11 files changed, 44 insertions(+), 43 deletions(-)

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 3223432020..79318b91f5 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -40,6 +40,7 @@ module.exports = {
 				'src/frontend/src/icp/**/*.svelte',
 				'src/frontend/src/icp-eth/**/*.svelte',
 				'src/frontend/src/lib/components/common/**/*.svelte',
+				'src/frontend/src/lib/components/core/**/*.svelte',
 				'src/frontend/src/lib/components/exchange/**/*.svelte',
 				'src/frontend/src/lib/components/guard/**/*.svelte',
 				'src/frontend/src/lib/components/icons/**/*.svelte',
diff --git a/src/frontend/src/lib/components/core/Back.svelte b/src/frontend/src/lib/components/core/Back.svelte
index 823067dd07..6fbd120968 100644
--- a/src/frontend/src/lib/components/core/Back.svelte
+++ b/src/frontend/src/lib/components/core/Back.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { IconBack } from '@dfinity/gix-components';
-	import { back } from '$lib/utils/nav.utils';
+	import { nonNullish } from '@dfinity/utils';
 	import type { NavigationTarget } from '@sveltejs/kit';
 	import { afterNavigate } from '$app/navigation';
 	import { i18n } from '$lib/stores/i18n.store';
-	import { nonNullish } from '@dfinity/utils';
+	import { back } from '$lib/utils/nav.utils';
 
 	let fromRoute: NavigationTarget | null;
 
diff --git a/src/frontend/src/lib/components/core/Erc20Icp.svelte b/src/frontend/src/lib/components/core/Erc20Icp.svelte
index 8d0c84a47c..cce3eac019 100644
--- a/src/frontend/src/lib/components/core/Erc20Icp.svelte
+++ b/src/frontend/src/lib/components/core/Erc20Icp.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { ERC20_ICP_REPO_URL } from '$eth/constants/erc20-icp.constants';
 	import { IconInfo } from '@dfinity/gix-components';
+	import { ERC20_ICP_REPO_URL } from '$eth/constants/erc20-icp.constants';
 	import { i18n } from '$lib/stores/i18n.store';
 </script>
 
diff --git a/src/frontend/src/lib/components/core/Listener.svelte b/src/frontend/src/lib/components/core/Listener.svelte
index 9fb061ae62..7f27f232f9 100644
--- a/src/frontend/src/lib/components/core/Listener.svelte
+++ b/src/frontend/src/lib/components/core/Listener.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+	import { isNullish } from '@dfinity/utils';
 	import type { ComponentType } from 'svelte';
-	import type { OptionToken } from '$lib/types/token';
+	import BitcoinListener from '$btc/components/BitcoinListener.svelte';
 	import EthListener from '$eth/components/core/EthListener.svelte';
-	import { isNetworkIdBitcoin, isNetworkIdICP } from '$lib/utils/network.utils';
-	import { isNullish } from '@dfinity/utils';
 	import NoListener from '$lib/components/core/NoListener.svelte';
 	import { authSignedIn } from '$lib/derived/auth.derived';
-	import BitcoinListener from '$btc/components/BitcoinListener.svelte';
+	import type { OptionToken } from '$lib/types/token';
+	import { isNetworkIdBitcoin, isNetworkIdICP } from '$lib/utils/network.utils';
 
 	export let token: OptionToken;
 
diff --git a/src/frontend/src/lib/components/core/Loader.svelte b/src/frontend/src/lib/components/core/Loader.svelte
index 115c662c7a..c25fd9d59b 100644
--- a/src/frontend/src/lib/components/core/Loader.svelte
+++ b/src/frontend/src/lib/components/core/Loader.svelte
@@ -1,18 +1,18 @@
 <script lang="ts">
 	import { Modal, type ProgressStep } from '@dfinity/gix-components';
-	import InProgress from '$lib/components/ui/InProgress.svelte';
 	import { onMount } from 'svelte';
-	import { loadAddresses, loadIdbAddresses } from '$lib/services/address.services';
 	import { fade } from 'svelte/transition';
-	import { signOut } from '$lib/services/auth.services';
 	import { loadErc20Tokens } from '$eth/services/erc20.services';
+	import { loadIcrcTokens } from '$icp/services/icrc.services';
 	import banner from '$lib/assets/banner.svg';
 	import Img from '$lib/components/ui/Img.svelte';
-	import { loading } from '$lib/stores/loader.store';
+	import InProgress from '$lib/components/ui/InProgress.svelte';
 	import { ProgressStepsLoader } from '$lib/enums/progress-steps';
-	import { loadIcrcTokens } from '$icp/services/icrc.services';
-	import { i18n } from '$lib/stores/i18n.store';
+	import { loadAddresses, loadIdbAddresses } from '$lib/services/address.services';
+	import { signOut } from '$lib/services/auth.services';
 	import { authStore } from '$lib/stores/auth.store';
+	import { i18n } from '$lib/stores/i18n.store';
+	import { loading } from '$lib/stores/loader.store';
 
 	let progressStep: string = ProgressStepsLoader.ADDRESSES;
 
diff --git a/src/frontend/src/lib/components/core/Loaders.svelte b/src/frontend/src/lib/components/core/Loaders.svelte
index 131b6f65df..2a3c7dac0d 100644
--- a/src/frontend/src/lib/components/core/Loaders.svelte
+++ b/src/frontend/src/lib/components/core/Loaders.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+	import IcLoaderWallets from '$icp/components/core/IcLoaderWallets.svelte';
 	import LoaderBalances from '$icp-eth/components/core/LoaderBalances.svelte';
-	import AddressGuard from '$lib/components/guard/AddressGuard.svelte';
-	import ExchangeWorker from '$lib/components/exchange/ExchangeWorker.svelte';
 	import Loader from '$lib/components/core/Loader.svelte';
 	import LoaderMetamask from '$lib/components/core/LoaderMetamask.svelte';
-	import IcLoaderWallets from '$icp/components/core/IcLoaderWallets.svelte';
+	import ExchangeWorker from '$lib/components/exchange/ExchangeWorker.svelte';
+	import AddressGuard from '$lib/components/guard/AddressGuard.svelte';
 </script>
 
 <AddressGuard>
diff --git a/src/frontend/src/lib/components/core/Menu.svelte b/src/frontend/src/lib/components/core/Menu.svelte
index 398d5fbbf9..fdaaa52f91 100644
--- a/src/frontend/src/lib/components/core/Menu.svelte
+++ b/src/frontend/src/lib/components/core/Menu.svelte
@@ -1,24 +1,24 @@
 <script lang="ts">
 	import { Popover } from '@dfinity/gix-components';
+	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
+	import MenuWallet from '$lib/components/core/MenuWallet.svelte';
 	import SignOut from '$lib/components/core/SignOut.svelte';
+	import AboutHow from '$lib/components/hero/about/AboutHow.svelte';
+	import AboutWhat from '$lib/components/hero/about/AboutWhat.svelte';
+	import IconGitHub from '$lib/components/icons/IconGitHub.svelte';
+	import IconSettings from '$lib/components/icons/IconSettings.svelte';
+	import IconUser from '$lib/components/icons/IconUser.svelte';
+	import ButtonHero from '$lib/components/ui/ButtonHero.svelte';
+	import ButtonMenu from '$lib/components/ui/ButtonMenu.svelte';
+	import ExternalLink from '$lib/components/ui/ExternalLink.svelte';
 	import Hr from '$lib/components/ui/Hr.svelte';
-	import { goto } from '$app/navigation';
 	import { OISY_REPO_URL } from '$lib/constants/oisy.constants';
 	import { NAVIGATION_MENU_BUTTON, NAVIGATION_MENU } from '$lib/constants/test-ids.constants';
-	import IconUser from '$lib/components/icons/IconUser.svelte';
 	import { networkId } from '$lib/derived/network.derived';
-	import { isRouteSettings, networkParam } from '$lib/utils/nav.utils';
-	import ExternalLink from '$lib/components/ui/ExternalLink.svelte';
-	import IconSettings from '$lib/components/icons/IconSettings.svelte';
-	import IconGitHub from '$lib/components/icons/IconGitHub.svelte';
 	import { i18n } from '$lib/stores/i18n.store';
-	import ButtonMenu from '$lib/components/ui/ButtonMenu.svelte';
-	import ButtonHero from '$lib/components/ui/ButtonHero.svelte';
-	import MenuWallet from '$lib/components/core/MenuWallet.svelte';
-	import { page } from '$app/stores';
-	import AboutHow from '$lib/components/hero/about/AboutHow.svelte';
-	import AboutWhat from '$lib/components/hero/about/AboutWhat.svelte';
 	import { replaceOisyPlaceholders } from '$lib/utils/i18n.utils';
+	import { isRouteSettings, networkParam } from '$lib/utils/nav.utils';
 
 	let visible = false;
 	let button: HTMLButtonElement | undefined;
diff --git a/src/frontend/src/lib/components/core/MenuWallet.svelte b/src/frontend/src/lib/components/core/MenuWallet.svelte
index 5f62c3ecb7..bf52dbfa85 100644
--- a/src/frontend/src/lib/components/core/MenuWallet.svelte
+++ b/src/frontend/src/lib/components/core/MenuWallet.svelte
@@ -1,21 +1,21 @@
 <script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	import EthWalletAddress from '$eth/components/core/EthWalletAddress.svelte';
+	import { walletConnectPaired } from '$eth/stores/wallet-connect.store';
+	import IcWalletAddress from '$icp/components/core/IcWalletAddress.svelte';
+	import WalletAddresses from '$lib/components/core/WalletAddresses.svelte';
+	import IconWalletConnect from '$lib/components/icons/IconWalletConnect.svelte';
+	import ButtonMenu from '$lib/components/ui/ButtonMenu.svelte';
 	import Hr from '$lib/components/ui/Hr.svelte';
+	import { TRACK_COUNT_WALLET_CONNECT_MENU_OPEN } from '$lib/constants/analytics.contants';
 	import {
 		networkEthereum,
 		networkICP,
 		pseudoNetworkChainFusion
 	} from '$lib/derived/network.derived';
-	import EthWalletAddress from '$eth/components/core/EthWalletAddress.svelte';
-	import IcWalletAddress from '$icp/components/core/IcWalletAddress.svelte';
+	import { trackEvent } from '$lib/services/analytics.services';
 	import { i18n } from '$lib/stores/i18n.store';
-	import ButtonMenu from '$lib/components/ui/ButtonMenu.svelte';
-	import WalletAddresses from '$lib/components/core/WalletAddresses.svelte';
-	import IconWalletConnect from '$lib/components/icons/IconWalletConnect.svelte';
 	import { modalStore } from '$lib/stores/modal.store';
-	import { walletConnectPaired } from '$eth/stores/wallet-connect.store';
-	import { createEventDispatcher } from 'svelte';
-	import { trackEvent } from '$lib/services/analytics.services';
-	import { TRACK_COUNT_WALLET_CONNECT_MENU_OPEN } from '$lib/constants/analytics.contants';
 
 	const dispatch = createEventDispatcher();
 
diff --git a/src/frontend/src/lib/components/core/Modals.svelte b/src/frontend/src/lib/components/core/Modals.svelte
index e72a41f5f0..84a4b4aa14 100644
--- a/src/frontend/src/lib/components/core/Modals.svelte
+++ b/src/frontend/src/lib/components/core/Modals.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { modalHideToken, modalIcHideToken } from '$lib/derived/modal.derived';
-	import IcHideTokenModal from '$icp/components/tokens/IcHideTokenModal.svelte';
 	import HideTokenModal from '$eth/components/tokens/HideTokenModal.svelte';
+	import IcHideTokenModal from '$icp/components/tokens/IcHideTokenModal.svelte';
 	import { authSignedIn } from '$lib/derived/auth.derived';
+	import { modalHideToken, modalIcHideToken } from '$lib/derived/modal.derived';
 
 	/**
 	 * Modals that must be declared at the root of the layout if they are used across routes - available on navigation.
diff --git a/src/frontend/src/lib/components/core/SignOut.svelte b/src/frontend/src/lib/components/core/SignOut.svelte
index afe60c7a5d..1ac2b0f3da 100644
--- a/src/frontend/src/lib/components/core/SignOut.svelte
+++ b/src/frontend/src/lib/components/core/SignOut.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { signOut } from '$lib/services/auth.services';
 	import { createEventDispatcher } from 'svelte';
 	import IconLogout from '$lib/components/icons/IconLogout.svelte';
-	import { i18n } from '$lib/stores/i18n.store';
 	import { LOGOUT_BUTTON } from '$lib/constants/test-ids.constants';
+	import { signOut } from '$lib/services/auth.services';
+	import { i18n } from '$lib/stores/i18n.store';
 
 	const dispatch = createEventDispatcher();
 
diff --git a/src/frontend/src/lib/components/core/WalletAddresses.svelte b/src/frontend/src/lib/components/core/WalletAddresses.svelte
index 3872b6df23..2358c78edc 100644
--- a/src/frontend/src/lib/components/core/WalletAddresses.svelte
+++ b/src/frontend/src/lib/components/core/WalletAddresses.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	import IconCopy from '$lib/components/icons/IconCopy.svelte';
 	import { i18n } from '$lib/stores/i18n.store';
 	import { emit } from '$lib/utils/events.utils';
-	import IconCopy from '$lib/components/icons/IconCopy.svelte';
-	import { createEventDispatcher } from 'svelte';
 
 	const dispatch = createEventDispatcher();