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

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 requested a review from ralph-dev October 28, 2021 14:27
@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 requested a review from ralph-dev November 9, 2021 22:20
@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

*.bundle.*
storybook-static/*
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