Auctions Component
Location
The Auctions
component is located at:
frontend_react/src/components/Auctions.js
Overview
The Auctions
component retrieves and displays a list of all auctions from the blockchain. It allows filtering auctions based on their status, like “Off”, “Running”, “Paused”, “Ended”, or “All”. Each auction is represented as a card, utilizing the AuctionCard component.
Key Features
Auction Retrieval: This component retrieves auctions from the blockchain using the Maestro contract.
Auction Filtering: Auctions can be filtered by their status, allowing users to view auctions that are off, running, paused, ended, or all auctions regardless of status.
Auction Display: Each auction is displayed as a card on the user interface, which includes key information about the auction such as the project name, description, and auction type.
Error Handling and Notifications: The component provides feedback to the user via notifications in the event of errors. It utilizes the NotificationsProvider from @mantine/notifications for this purpose.
Loading State: The component displays a loading icon while it fetches the auction data from the blockchain.