Coupons page

[giuliaFerretti]

I'm working on Coupons Page. I managed the coupon row and coupon list for coupon used and not.

• Coupon list
• Coupon row
• Dynamic coupons
• Tab navigations

[Takeno]

Instead of switch, I think you can create a Map of <Category, icon>.
Something like:

const icons = {
   'Cinema' : require();
}

And use it as icons[this.props.category] directly.

[Takeno]

Thinking to the future, probably the single coupon will have a categoryId, not the full name.

I think we can move the map inside a common/categories.js, with name and icon (still using the name as key for now) file and use it where we need.

[Takeno]

CouponHeader should receive only the quantity of coupons. Then it should define the text logic (zero, one, more than one).

[Takeno]

As commented above, it should be something like

<CouponHeader activeCoupons={4} />

[Takeno]

You should only use the number of coupons, not comparing strings.

Get unused coupons with filter/length over coupons array.