Saltar al contenido principal

Componentes de Cashback

CashbackLabel​

Ruta: src/components/cashback-label/index.js

Componente que muestra el monto de cashback en formato de etiqueta.

Props​

  • amount (number): Monto del cashback a mostrar
  • defaultProps.amount: 0

Uso​

<CashbackLabel amount={100} />

TagHasCashback​

Ruta: src/components/tag-has-cashback/index.tsx

Componente que muestra una etiqueta visual indicando que un producto tiene cashback.

Props​

  • label (string, opcional): Texto a mostrar en la etiqueta. Por defecto: 'Cashback'
  • Soporta todas las props de HTMLDivElement

Uso​

<TagHasCashback label="Cashback" />

ProductPrices con Cashback​

Ruta: src/components/productPrices/productPrices.js

Componente que maneja la visualización de precios incluyendo soporte para cashback.

Props relevantes para Cashback​

  • hasCashback (boolean): Indica si el producto tiene cashback
  • tagOffer: Etiqueta de oferta que puede incluir información de cashback

Cart con Cashback​

Ruta: src/components/cart/cart.js

Integración de cashback en el carrito de compras.

Funcionalidades​

  • Muestra etiquetas de cashback en items del carrito
  • Integra con TagOffer para visualización de cashback
  • Maneja la lógica de display para items con cashback