| - {column.render("Header")} + {column.render('Header')} | ))}
|---|
| - {cell.render("Cell")} + {cell.render('Cell')} | - ); + ) })}
-
-
- {titlePrice}
-
-
-
- Bidding with
-
- {biddingTokenDisplay} ↗
-
-
-
-
- Total auctioned
-
-
-
- Min. sell price
-
-
- {clearingPriceDisplay}
-
- {initialAuctionOrder?.sellAmount.toSignificant(2)}{" "}
-
- {initialPrice ? `${initialPrice?.toSignificant(2)} ` : " - "} - {biddingTokenDisplay} per {auctioningTokenDisplay} -
-- Selling - - {initialAuctionOrder?.sellAmount.toSignificant(2)}{" "} - {getTokenDisplay(auctioningToken)} - -
- ); - - case AuctionState.PRICE_SUBMISSION: - return🗓 Auction closed. Pending on-chain price-calculation.
; - - default: - return🏁 Auction is settled
; - } -}; - -export function AuctionHeaderForScheduledAuction() { - const { - auctioningToken, - initialAuctionOrder, - auctionEndDate, - } = useDerivedAuctionInfo(); - const { auctionState } = useDerivedAuctionState(); - - return ( - <> - {renderAuctionStatus({ - auctioningToken, - auctionState, - initialAuctionOrder, - })} -⌛ Loading
- ) : auctionState == AuctionState.NOT_YET_STARTED ? ( -⌛ Auction not yet started
- ) : ( -
-
-
-
- Ends in
-
-
-
- Min. price
-
-
- Id
-
- - Selling {auctionInfo.order.volume + ` `} - {auctionInfo.symbolAuctioningToken} -
-- {auctionInfo.order.price} {` ` + auctionInfo.symbolBiddingToken}{" "} - per {auctionInfo.symbolAuctioningToken} -
-{auctionInfo.auctionId}
-{children}
+ {children}
{children}
+ {children}
Auction ends in
: <>} - {formatSeconds(timeLeft)} -Amount
- Price
- Est. Fill
- Status
- Actions
- {order[1].sellAmount}
- {order[1].price}
-
- {clearingPriceInfo
- ? getMatchedVolume(order[1].id, clearingPriceInfo)
- : "loading"}
-
-
- {order[1].status == OrderStatus.PLACED ? "Placed" : "Pending"}
-
-
- {order[1].status == OrderStatus.PENDING ? (
-
- ) : (
- {
- if (!error) {
- setOrderId(order[1].id);
- setShowConfirm(true);
- }
- }}
- id="cancel-button"
- >
-
- {error ?? `Cancel Order`}
-
-
- )}
-
-
+ <>
+ {hours >= 0 && hours < 10 && `0`}
+ {hours}
+
+ <>
+
+ {minutes >= 0 && minutes < 10 && `0`}
+ {minutes}
+
+ <>
+
+ {remainderSeconds >= 0 && remainderSeconds < 10 && `0`}
+ {remainderSeconds}
+
+
+
+ )
+}
+
+export const AuctionTimer = () => {
+ const { auctionState, loading } = useDerivedAuctionState()
+ const { auctionEndDate, auctionStartDate } = useDerivedAuctionInfo()
+ const [timeLeft, setTimeLeft] = React.useState(calculateTimeLeft(auctionEndDate))
+
+ React.useEffect(() => {
+ const id = setInterval(() => {
+ setTimeLeft(calculateTimeLeft(auctionEndDate))
+ }, 1000)
+ return () => {
+ clearInterval(id)
+ }
+ }, [auctionEndDate])
+
+ return (
+ not +
+ started +
claiming +
+
+ Selling {auctionInfo.order.volume + ` `}
+ {auctionInfo.symbolAuctioningToken}
+
+
+ Selling on {getChainName(parseInt(chainId.toString()))}
+
+
+ Error connecting.