11import { useMutation } from '@tanstack/react-query'
22import { ClientOnly } from '@tanstack/react-router'
3+ import type { Address as OxAddress } from 'ox'
34import * as React from 'react'
45import { Actions , Hooks } from 'tempo.ts/wagmi'
56import {
@@ -15,7 +16,6 @@ import {
1516import { Address } from '#comps/Address'
1617import { cx } from '#cva.config'
1718import { ellipsis } from '#lib/chars'
18- import { Address as OxAddress } from 'ox'
1919import { filterSupportedInjectedConnectors } from '#lib/wallets'
2020import LucideDownload from '~icons/lucide/download'
2121import LucideLogOut from '~icons/lucide/log-out'
@@ -82,25 +82,31 @@ export namespace ConnectWallet {
8282 )
8383
8484 if ( connect . status === 'pending' )
85- return < span className = "text-[12px] text-secondary" > Connecting{ ellipsis } </ span >
85+ return (
86+ < span className = "text-[12px] text-secondary" > Connecting{ ellipsis } </ span >
87+ )
8688
8789 if ( connection . isConnected && connection . address ) {
8890 const showFundButton =
8991 ! hasFunds && ( fund . status === 'idle' || fund . status === 'pending' )
9092 return (
9193 < div className = "flex items-center gap-2" >
9294 { showFundButton &&
93- ( fund . isPending ? < span className = "text-[12px] text-secondary" > Funding{ ellipsis } </ span > : (
94- < button
95- type = "button"
96- className = "text-[12px] inline-flex items-center gap-1 text-positive hover:underline cursor-pointer press-down"
97- // biome-ignore lint/style/noNonNullAssertion: is ok
98- onClick = { ( ) => fund . mutate ( connection . address ! ) }
99- >
100- Fund
101- < LucideDownload className = "size-[12px]" />
102- </ button >
103- ) ) }
95+ ( fund . isPending ? (
96+ < span className = "text-[12px] text-secondary" >
97+ Funding{ ellipsis }
98+ </ span >
99+ ) : (
100+ < button
101+ type = "button"
102+ className = "text-[12px] inline-flex items-center gap-1 text-positive hover:underline cursor-pointer press-down"
103+ // biome-ignore lint/style/noNonNullAssertion: is ok
104+ onClick = { ( ) => fund . mutate ( connection . address ! ) }
105+ >
106+ Fund
107+ < LucideDownload className = "size-[12px]" />
108+ </ button >
109+ ) ) }
104110 < Address
105111 chars = { 6 }
106112 align = "end"
0 commit comments