adds changelog, adds settle auction component

.changeset/chatty-rockets-drop.md

@@ -0,0 +1,5 @@
+---
+'@public-assembly/builder-utils': patch
+---
+
+Reintroduces wagmi and alongside it, two write hooks, useCreateBid and useSettle. useTokenExplorer now expects a token id object as an argument.

apps/router-test/src/app/[tokenId]/loading.tsx

@@ -0,0 +1,3 @@
+export default function Loading() {
+  return <>Loading...</>
+}

apps/router-test/src/app/page.tsx

@@ -9,7 +9,7 @@ export function Page() {
     <>
       <h1>Home</h1>
       {/* Recommended to use the <Link /> tag when navigating between routes */}
-      <Link href={`/${auctionState?.tokenId}`}>Go to auction</Link>
+      <Link href={`/${auctionState.tokenId}`}>Go to auction</Link>
     </>
   )
 }

apps/router-test/src/components/AuctionCountdown.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react'
-import { useCountdown, useSettle } from '@public-assembly/builder-utils'
+import { useCountdown } from '@public-assembly/builder-utils'
+import { SettleAuction } from './SettleAuction'
 
 export function AuctionCountdown({ endTime }: { endTime: number }) {
   const { countdownString, isEnded } = useCountdown(endTime)
-  const { settle, settleLoading } = useSettle()
 
   return (
     <div className="flex flex-col">
@@ -13,9 +13,7 @@ export function AuctionCountdown({ endTime }: { endTime: number }) {
           <span>{countdownString}</span>
         </>
       ) : (
-        <button disabled={settleLoading} onClick={() => settle?.()}>
-          Settle auction
-        </button>
+        <SettleAuction />
       )}
     </div>
   )

apps/router-test/src/components/SettleAuction.tsx

@@ -0,0 +1,21 @@
+import { useSettle, useAuctionState } from '@public-assembly/builder-utils'
+import { useRouter } from 'next/navigation'
+import { useEffect } from 'react'
+
+export function SettleAuction() {
+  const { settle, settleLoading, settleSuccess } = useSettle()
+  const { auctionState } = useAuctionState()
+  const router = useRouter()
+
+  useEffect(() => {
+    if (settleSuccess) {
+      router.push(`/${auctionState.tokenId + 1}`)
+    }
+  }, [settleSuccess])
+
+  return (
+    <button disabled={settleLoading} onClick={() => settle?.()}>
+      Settle auction
+    </button>
+  )
+}

packages/builder-utils/src/hooks/useCreateBid.ts

@@ -15,6 +15,7 @@ export function useCreateBid({ bidAmount }: { bidAmount: string }) {
     args: [BigInt(auctionState?.tokenId as number)],
     value: BigInt(bidAmount),
     chainId: Number(process.env.NEXT_PUBLIC_CHAIN_ID),
+    enabled: Number(bidAmount) > 0,
   })
 
   const {

packages/builder-utils/src/hooks/useMinBidAmount.ts

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { useDaoAuctionQuery } from '../graphql/hooks/useDaoAuctionQuery'
 import { useManagerContext } from '../context'
-import { formatEther, parseUnits, Hex } from 'viem'
+import { formatEther, parseUnits } from 'viem'
 
 export function useMinBidAmount() {
   const { tokenAddress } = useManagerContext()

packages/builder-utils/src/hooks/useSettle.ts

@@ -1,6 +1,7 @@
 import { useManagerContext } from '../context'
 import { auctionAbi } from '../abi'
 import { useContractWrite, usePrepareContractWrite, useWaitForTransaction } from 'wagmi'
+import { useEffect } from 'react'
 
 export function useSettle() {
   const { auctionAddress } = useManagerContext()