-
Notifications
You must be signed in to change notification settings - Fork 14
(CEM-2514) MenuItemCard Component #383
base: master
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Try wrapping the sold out and loyalty points in a div then absolutely positioning that div to have the two pieces aligned.
You can use css justify content space in between to selerate
Revised draft of the menu item card. Changes to formatting, added colors from themes, added a function, changed variable names to match with subcomponents.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Need to handle edge cases
src/Containers/HorizontalScrollList/HorizontalScrollList.tsx | ||
src/Containers/MiddleCanvas/DroppableElement.tsx |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why is this in gitignore??
{ soldOut && <SoldOutBox>Sold Out</SoldOutBox>} | ||
|
||
{ !!minsRemaining && | ||
<LimitedTimeBannerPosition> <LimitedTimeBanner minsRemaining={minsRemaining}/></LimitedTimeBannerPosition> } | ||
|
||
{ !!loyaltyamount && | ||
<LoyaltyPointsPosition> <LoyaltyPoints loyaltyamount={loyaltyamount} loyaltypointlimit = {loyaltypointlimit} /></LoyaltyPointsPosition> } | ||
|
||
{ !!saleAmount && | ||
<SaleTagPosition><SaleTag saleAmount={saleAmount}/></SaleTagPosition> } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you abstract this all out into a getMenuItemStatus function.
What happens if someone passes in two conflicting states. We will need to override.
(This is a draft) Initial commit for the menu item card, including composite components CEM-2515/2516/2517.