From 7a8456b287719b4b86538e583dd768d10f14b999 Mon Sep 17 00:00:00 2001
From: dafuga <danielfugere28@gmail.com>
Date: Wed, 26 Jul 2023 23:24:19 +0100
Subject: [PATCH] style: linted

---
 .../elements/input/token/selector.svelte      | 32 +++++++++----------
 .../elements/input/token/selector/row.svelte  |  3 +-
 src/pages/evm/swap.svelte                     | 26 ++++++---------
 src/pages/evm/swap/confirm.svelte             |  7 ++--
 src/pages/evm/swap/form.svelte                | 15 +++++----
 src/pages/evm/swap/success.svelte             |  4 +--
 6 files changed, 42 insertions(+), 45 deletions(-)

diff --git a/src/components/elements/input/token/selector.svelte b/src/components/elements/input/token/selector.svelte
index 7674178f..dd2cbbc5 100644
--- a/src/components/elements/input/token/selector.svelte
+++ b/src/components/elements/input/token/selector.svelte
@@ -39,18 +39,17 @@
             filteredTokens = tokenOptions
         } else {
             filteredTokens =
-            ($tokens &&
-                $tokens.filter((token) => {
-                    const blockchainMatches = token.chainId.equals($activeBlockchain.chainId)
-                    const queryExists = query.length === 0
-                    const queryMatches = String(token.name)
-                        .toLowerCase()
-                        .includes(query.toLowerCase())
-                    return blockchainMatches && (queryExists || queryMatches)
-                })) ||
-            []
+                ($tokens &&
+                    $tokens.filter((token) => {
+                        const blockchainMatches = token.chainId.equals($activeBlockchain.chainId)
+                        const queryExists = query.length === 0
+                        const queryMatches = String(token.name)
+                            .toLowerCase()
+                            .includes(query.toLowerCase())
+                        return blockchainMatches && (queryExists || queryMatches)
+                    })) ||
+                []
         }
-       
     }
 </script>
 
@@ -183,14 +182,15 @@
 </Modal>
 
 {#if selectedToken}
-    <TokenSelectorRow onClick={() => ($displayModal = true)} token={selectedToken || defaultToken} />
+    <TokenSelectorRow
+        onClick={() => ($displayModal = true)}
+        token={selectedToken || defaultToken}
+    />
 {:else}
     <div class="placeholder" on:click={() => ($displayModal = true)}>
-        <span class="text-container">
-            Select Token
-        </span>
+        <span class="text-container"> Select Token </span>
         <div class="arrow-container">
             <Icon name="chevron-right" size="large" />
         </div>
-    </div>  
+    </div>
 {/if}
diff --git a/src/components/elements/input/token/selector/row.svelte b/src/components/elements/input/token/selector/row.svelte
index bbcb9924..baab7ffd 100644
--- a/src/components/elements/input/token/selector/row.svelte
+++ b/src/components/elements/input/token/selector/row.svelte
@@ -17,7 +17,8 @@
         if (token.balance) {
             balance = token.balance
         } else {
-            balance = $balances && $balances.find((balance) => balance.tokenKey === token.key)?.quantity
+            balance =
+                $balances && $balances.find((balance) => balance.tokenKey === token.key)?.quantity
         }
 
         if (balance) {
diff --git a/src/pages/evm/swap.svelte b/src/pages/evm/swap.svelte
index bf24ded9..0f625c31 100644
--- a/src/pages/evm/swap.svelte
+++ b/src/pages/evm/swap.svelte
@@ -11,7 +11,7 @@
     import Confirm from './swap/confirm.svelte'
     import Success from './swap/success.svelte'
     import Error from './swap/error.svelte'
-    import type { Token } from '~/stores/tokens'
+    import type {Token} from '~/stores/tokens'
 
     type AccountType = 'Native' | 'EVM'
 
@@ -63,8 +63,8 @@
         step = 'confirm'
     }
 
-    let connectInterval: number | undefined;
-    let connectingToEvmWallet = false;
+    let connectInterval: number | undefined
+    let connectingToEvmWallet = false
 
     async function connectEvmWallet() {
         let ethWalletAccount
@@ -73,7 +73,7 @@
             return
         }
 
-        connectingToEvmWallet = true;
+        connectingToEvmWallet = true
 
         try {
             ethWalletAccount = await connectEthWallet()
@@ -85,7 +85,7 @@
             }
 
             if (!e.message) {
-                return connectingToEvmWallet = false;
+                return (connectingToEvmWallet = false)
             }
 
             return (errorMessage = `Could not connect to ETH wallet. Error: ${e.message}`)
@@ -93,13 +93,13 @@
 
         if (ethWalletAccount) {
             evmAccount.set(ethWalletAccount)
-            connectInterval && clearInterval(connectInterval); 
-            connectingToEvmWallet = false;
+            connectInterval && clearInterval(connectInterval)
+            connectingToEvmWallet = false
         }
     }
 
-    connectInterval = window.setInterval(connectEvmWallet, 3000);
-    connectEvmWallet();
+    connectInterval = window.setInterval(connectEvmWallet, 3000)
+    connectEvmWallet()
 </script>
 
 <style type="scss">
@@ -116,13 +116,7 @@
         {:else if step === 'form' || !from || !to}
             <Form handleContinue={submitForm} bind:amount bind:from bind:to />
         {:else if step === 'confirm'}
-            <Confirm
-                {amount}
-                {from}
-                {to}
-                handleConfirm={transfer}
-                {handleBack}
-            />
+            <Confirm {amount} {from} {to} handleConfirm={transfer} {handleBack} />
         {:else if (step === 'success' && nativeTransactResult) || evmTransactResult}
             <Success {from} {to} {nativeTransactResult} {evmTransactResult} {handleBack} />
         {/if}
diff --git a/src/pages/evm/swap/confirm.svelte b/src/pages/evm/swap/confirm.svelte
index 5fb0f499..82046cf0 100644
--- a/src/pages/evm/swap/confirm.svelte
+++ b/src/pages/evm/swap/confirm.svelte
@@ -4,7 +4,7 @@
     import Button from '~/components/elements/button.svelte'
 
     import {evmAccount, activeSession} from '~/store'
-    import type { Token } from '~/stores/tokens'
+    import type {Token} from '~/stores/tokens'
 
     export let from: Token
     export let to: Token
@@ -51,7 +51,7 @@
             margin: auto;
         }
 
-         /* Media Query for Mobile */
+        /* Media Query for Mobile */
         @media screen and (max-width: 768px) {
             padding: 1em;
 
@@ -78,7 +78,8 @@
     <table>
         <tr>
             <td>From {from.name}</td>
-            <td>{from?.name === 'EOS (EVM)' ? $evmAccount?.address : $activeSession?.auth.actor}</td>
+            <td>{from?.name === 'EOS (EVM)' ? $evmAccount?.address : $activeSession?.auth.actor}</td
+            >
         </tr>
         <tr>
             <td>To {to.name}</td>
diff --git a/src/pages/evm/swap/form.svelte b/src/pages/evm/swap/form.svelte
index 94b42eb3..767301c2 100644
--- a/src/pages/evm/swap/form.svelte
+++ b/src/pages/evm/swap/form.svelte
@@ -128,7 +128,7 @@
                 }
             }
 
-             /* Media Query for Mobile */
+            /* Media Query for Mobile */
             @media screen and (max-width: 768px) {
                 flex-direction: column;
 
@@ -167,7 +167,7 @@
                         selectedToken={from}
                         tokenOptions={fromOptions}
                     />
-                </div>  
+                </div>
                 <Label align="left">Amount</Label>
                 <Asset
                     fluid
@@ -190,13 +190,14 @@
             </div>
         </div>
         <div class="bottom-section">
-            <Button fluid style="primary" disabled={!from || !to || !validAmount || !$evmAccount} on:action={onContinue}
-                >Continue</Button
+            <Button
+                fluid
+                style="primary"
+                disabled={!from || !to || !validAmount || !$evmAccount}
+                on:action={onContinue}>Continue</Button
             >
             {#if !$evmAccount}
-                <h3>
-                    Connect to metamask wallet to continue
-                </h3>
+                <h3>Connect to metamask wallet to continue</h3>
             {/if}
         </div>
     </Form>
diff --git a/src/pages/evm/swap/success.svelte b/src/pages/evm/swap/success.svelte
index 1e101e8d..f0106a08 100644
--- a/src/pages/evm/swap/success.svelte
+++ b/src/pages/evm/swap/success.svelte
@@ -5,7 +5,7 @@
     import type {ethers} from 'ethers'
 
     import {activeBlockchain} from '~/store'
-    import type { Token } from '~/stores/tokens'
+    import type {Token} from '~/stores/tokens'
 
     export let from: Token
     export let to: Token
@@ -49,7 +49,7 @@
             gap: 1em;
         }
 
-         /* Media Query for Mobile */
+        /* Media Query for Mobile */
         @media screen and (max-width: 768px) {
             padding: 1em;