Open minikas opened 2 months ago
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.
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. |
Not applicable as the changes are mostly new component additions and UI updates.
Objective | Addressed | Explanation |
---|---|---|
Trading Fee Auction Page functionality and responsiveness (#1331) | ✅ |
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?
Name | Link |
---|---|
Latest commit | fda74bef31f12777f6d32a7ce54d17e336f0d437 |
Latest deploy log | https://app.netlify.com/sites/stupendous-valkyrie-505e4a/deploys/66867bdc2d81bb00084d1f3c |
Deploy Preview | https://deploy-preview-1335--stupendous-valkyrie-505e4a.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
Lighthouse |
1 paths audited Performance: 24 Accessibility: 75 Best Practices: 92 SEO: 92 PWA: 70 View the detailed breakdown and full score reports |
To edit notification comments on pull requests, go to your Netlify site configuration.
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