From d0fd00585d4f35b7ccc10ab830a1f8b30001fb2c Mon Sep 17 00:00:00 2001
From: Martin <25070051+anquetil@users.noreply.github.com>
Date: Fri, 1 Sep 2023 11:22:17 +0200
Subject: [PATCH] settle auction button now reflects different state depending
 on address connected

---
 .../components/CurrentAuction/CurrentAuction.tsx  |  2 +-
 .../auction/components/CurrentAuction/Settle.tsx  | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/modules/auction/components/CurrentAuction/CurrentAuction.tsx b/apps/web/src/modules/auction/components/CurrentAuction/CurrentAuction.tsx
index 2ec0c68b..f49f1805 100644
--- a/apps/web/src/modules/auction/components/CurrentAuction/CurrentAuction.tsx
+++ b/apps/web/src/modules/auction/components/CurrentAuction/CurrentAuction.tsx
@@ -57,7 +57,7 @@ export const CurrentAuction = ({
         </AuctionDetails>
 
         <ActionsWrapper>
-          <Settle isEnding={isEnding} />
+          <Settle isEnding={isEnding} owner={owner} />
         </ActionsWrapper>
       </Fragment>
     )
diff --git a/apps/web/src/modules/auction/components/CurrentAuction/Settle.tsx b/apps/web/src/modules/auction/components/CurrentAuction/Settle.tsx
index b3971f96..66ae3dce 100644
--- a/apps/web/src/modules/auction/components/CurrentAuction/Settle.tsx
+++ b/apps/web/src/modules/auction/components/CurrentAuction/Settle.tsx
@@ -1,6 +1,11 @@
 import { Button, Flex } from '@zoralabs/zord'
 import React, { useState } from 'react'
-import { useContractRead, useContractWrite, usePrepareContractWrite } from 'wagmi'
+import {
+  useAccount,
+  useContractRead,
+  useContractWrite,
+  usePrepareContractWrite,
+} from 'wagmi'
 import { waitForTransaction } from 'wagmi/actions'
 
 import { ContractButton } from 'src/components/ContractButton'
@@ -13,12 +18,16 @@ import { auctionActionButtonVariants } from '../Auction.css'
 interface SettleProps {
   isEnding: boolean
   collectionAddress?: string
+  owner?: string | undefined
 }
 
-export const Settle = ({ isEnding }: SettleProps) => {
+export const Settle = ({ isEnding, owner }: SettleProps) => {
   const chain = useChainStore((x) => x.chain)
   const addresses = useDaoStore((state) => state.addresses)
 
+  const { address } = useAccount()
+  const isWinner = owner != undefined && address == owner
+
   const { data: paused } = useContractRead({
     enabled: !!addresses?.auction,
     address: addresses?.auction,
@@ -77,7 +86,7 @@ export const Settle = ({ isEnding }: SettleProps) => {
         handleClick={handleSettle}
         className={auctionActionButtonVariants['settle']}
       >
-        Settle Auction
+        {isWinner ? 'Claim NFT' : 'Start next auction'}
       </ContractButton>
     </Flex>
   )