style: linted

greymass · Jul 26, 2023 · 00a4a67 · 00a4a67
1 parent f6e9e85
commit 00a4a67
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 46 deletions.
diff --git a/src/components/elements/input/token/selector.svelte b/src/components/elements/input/token/selector.svelte
@@ -14,8 +14,8 @@
 
     export let defaultToken: Token | undefined = undefined
     export let selectedToken: Token | undefined = undefined
+    export let tokenOptions: Token[] | undefined = undefined
     export let onTokenSelect: (token: Token) => void
-    export let tokenOptions: Token[]
 
     let displayModal = writable<boolean>(false)
     let query: string = ''
@@ -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
@@ -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
@@ -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,21 +85,21 @@
             }
 
             if (!e.message) {
-                return connectingToEvmWallet = false;
+                return (connectingToEvmWallet = false)
             }
 
             return (errorMessage = `Could not connect to ETH wallet. Error: ${e.message}`)
         }
 
         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
@@ -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
@@ -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
@@ -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;