Closed kacpergumieniuk closed 1 month ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
market-frontend | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Oct 7, 2024 7:26am |
The pull request introduces several updates across multiple components in the market module. Key changes include the addition of a lock icon from react-icons/io
to visually indicate when a market is closed. This icon appears next to the market name in various components, enhancing the user interface by providing clear visual cues regarding the market's status. Additionally, some components have undergone minor structural adjustments to accommodate these visual changes, while others have had redundant code removed. The overall functionality related to market selection and dropdown handling remains unchanged.
File Path | Change Summary |
---|---|
components/Market/FinanceManager/MarketSelect.tsx | Added IoMdLock icon import; updated display logic to show lock icon when market is closed. |
components/Market/OrderBook/OrderBook.tsx | Added IoMdLock icon import; updated rendering to include lock icon next to market name if closed. |
components/Market/OrderBook/RecentTrades.tsx | Added IoMdLock icon import; updated rendering to include lock icon next to market name if closed. |
components/Market/TradingHub/TradingHubPositions/TradingHubAggregatedPosition.tsx | Added marketsAtom import; updated rendering logic for market status and included lock icon. |
components/Market/TradingHub/TradingHubPositions/TradingHubNonAggregatedPositions.tsx | Removed retrieval of oraclePrice ; added isNotAggregated prop to TradingHubPositionsItem . |
components/Market/TradingHub/TradingHubPositions/TradingHubPositionsItem.tsx | Added marketsAtom import; updated rendering to include lock icon based on market status. |
components/Profile/ProfileAggregatedPosition.tsx | Added marketsAtom import; updated rendering logic to reflect market status with opacity and lock icon. |
OrderBook
component also includes a conditional rendering of the lock icon based on the chosenMarket?.isClosed
property, similar to the changes made in MarketSelect.tsx
.TradingHubAggregatedPosition
component updates the rendering logic to include the market's closed status, which aligns with the changes in MarketSelect.tsx
.TradingHubAggregatedPosition
component regarding market status are relevant to the changes in MarketSelect.tsx
.RecentTrades
component also implements conditional rendering of a lock icon based on the market's closed status, paralleling the updates in MarketSelect.tsx
.TradingHubAggregatedPosition
component's updates regarding market status and rendering logic are related to the changes in MarketSelect.tsx
.TradingHubPositionsItem
component includes similar logic for displaying market status, which connects to the changes in MarketSelect.tsx
.TradingHubAggregatedPosition
and ProfileAggregatedPosition
components regarding text labels and market status are relevant to the changes in MarketSelect.tsx
.🐇 In the market where we trade,
A lock icon now displayed,
When the market's closed, you'll see,
A visual cue, as clear can be.
With each position, trade, and plan,
We hop along, a happy clan! 🥕
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?
164
Summary by CodeRabbit
New Features
Bug Fixes
Documentation