coderabbitai[bot]
commented
2 months ago Walkthrough
The new auction module in the Hestia app introduces dynamic imports, several new React components for displaying auction data, and enhanced UI features. It covers components like Overview, History, Information, and various UI elements to provide a rich, responsive auction experience.
Changes
| File(s) | Change Summary |
|---|---|
apps/hestia/src/app/auction/page.tsx |
Added dynamic import functionality using Next.js for the auction template component. |
apps/hestia/src/components/auction/History/index.tsx |
Introduced History component rendering Overview and Table in a flex container. |
apps/hestia/src/components/auction/History/overview.tsx |
Introduced Overview component displaying burn and supply metrics; defined reusable Card for label-value pairs. |
.../History/table.tsx |
Added Table component and fakeData array for auction history. |
.../Overview/Information.tsx |
Added Information component rendering auction details using InformationCard components from fakeData. |
.../Overview/form.tsx |
Included form UI with countdown timers and bid information for auctions. |
.../Overview/index.tsx |
Introduced Overview component organizing auction subcomponents. |
.../Overview/informationCard.tsx |
Added InformationCard for displaying token details. |
.../Overview/participantCard.tsx |
Defined ParticipantCard component displaying participant info. |
.../Overview/participants.tsx |
Added Participants component showing participant data using ParticipantCard components. |
.../Overview/stats.tsx |
Introduced Stats component displaying auction statistics. |
.../auction/facetedFilters.tsx |
Added FacetedFilter component for filtering values with UI options. |
.../auction/loading.tsx |
Added SkeletonLoading component for loading skeleton display. |
.../auction/template.tsx |
Defined Template component managing auction layout with responsive design and wallet handling. |
.../ui/Icons/chart.tsx |
Added Chart component rendering an SVG chart. |
.../ui/Temp/badge.tsx |
Introduced appearance prop to Badge for customizable styling. |
themeConfig.ts |
Added auctionTexture property for auction background SVG and themeConfig updates. |
Sequence Diagram(s)
Not applicable as the changes are mostly new component additions and UI updates.
Assessment against linked issues
| Objective | Addressed | Explanation |
|---|---|---|
| Trading Fee Auction Page functionality and responsiveness (#1331) | ✅ |
Poem
In Hestia's code, the auction wakes,
Dynamic imports and data it takes.
Bids and history, all displayed fine,
Tokens and charts in a new design.
Bidding begins, code's the theme,
Auctions alive in a coders' dream.
🎉✨
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
netlify[bot]
Description
This pull request includes the conversion of the current auction design page into functional code, encompassing both the Overview and Auction History tabs.
How to Test
Screenshots / Screencasts
Checklist
Close: https://github.com/Polkadex-Substrate/Polkadex-Orderbook-Frontend/issues/1331