Minor changes

jscriptcoder · jscriptcoder · commit 813d275410c1 · 2023-10-11T15:50:18.000+02:00
diff --git a/src/components/Swap/TokenAmount.svelte b/src/components/Swap/TokenAmount.svelte
@@ -68,7 +68,7 @@
   const debouncedOnInput = debounce(onInput, inputConfig.debounceWait)
 </script>
 
-<div class="TokenAmount">
+<div class="TokenAmount" class:error={insufficientBalance}>
   <TokenSelector value={token} onSelect={onTokenSelect} disableValue={disableToken} />
   <div class="flex flex-col relative">
     <input
@@ -113,6 +113,10 @@
       md:hover:shadow-[0_0_0_2px_#6419e6];
   }
 
+  .TokenAmount.error {
+    @apply !shadow-[0_0_0_2px_#f87171];
+  }
+
   input {
     @apply bg-transparent 
       outline-none 
diff --git a/src/components/utils/selectNetwork.ts b/src/components/utils/selectNetwork.ts
@@ -1,6 +1,6 @@
-import { switchNetwork } from "@wagmi/core"
-import { UserRejectedRequestError, type Chain } from "viem"
-import { errorToast, warningToast } from "../NotificationToast"
+import { switchNetwork } from '@wagmi/core'
+import { UserRejectedRequestError, type Chain } from 'viem'
+import { errorToast, warningToast } from '../NotificationToast'
 
 export default async function selectNetwork(newNetwork: Chain) {
   try {
diff --git a/src/libs/token/approveAllowance.ts b/src/libs/token/approveAllowance.ts
@@ -11,7 +11,13 @@ type ApproveArgs = {
   chainId?: number
 }
 
-export default async function approveAllowance({ account, address, spender, amount, chainId }: ApproveArgs): Promise<Hash> {
+export default async function approveAllowance({
+  account,
+  address,
+  spender,
+  amount,
+  chainId,
+}: ApproveArgs): Promise<Hash> {
   const publicClient = getPublicClient(chainId)
 
   // Let's first validate the write call by simulating it
