Skip to content
This repository has been archived by the owner on Feb 23, 2022. It is now read-only.

(CEM-2514) MenuItemCard Component #383

Open
wants to merge 15 commits into
base: master
Choose a base branch
from

Conversation

mfnisbetLU
Copy link
Member

(This is a draft) Initial commit for the menu item card, including composite components CEM-2515/2516/2517.

@mfnisbetLU mfnisbetLU changed the title (CEM-2514) Menu Item Card initial commit (CEM-2514) MenuItemCard Component Oct 28, 2021
@mfnisbetLU mfnisbetLU self-assigned this Oct 28, 2021
@mfnisbetLU
Copy link
Member Author

CEM-2514 Finished states
This is the current working version of our composite menu item card (with the sale & soldout states enabled).
Things to do: toggle states off when "soldout" state is active, and fix passing arguments from other components.

@mfnisbetLU mfnisbetLU marked this pull request as ready for review October 28, 2021 14:32
@mfnisbetLU mfnisbetLU marked this pull request as draft October 28, 2021 14:39
Copy link
Member

@ralph-dev ralph-dev left a 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

@mfnisbetLU mfnisbetLU marked this pull request as ready for review November 9, 2021 22:25
Copy link
Member

@ralph-dev ralph-dev left a 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
Copy link
Member

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??

Comment on lines +58 to +67
{ 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> }
Copy link
Member

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.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants