Componentes

TagPromotion

Componente principal para renderizar las promociones etiquetadas.

const TagPromotion = (props: TagPromotionProps) => ReactNode

Props

• position: "left" | "right" - Define la posición de la etiqueta
• landings: string[] - Array de landings relacionados

Funcionalidad

• Utiliza el store global para acceder a las promociones
• Filtra las promociones activas usando getActiveTagPromotion
• Renderiza las etiquetas según su posición
• Maneja casos especiales como countdown flash

Renderizado

• Muestra etiquetas con estilos personalizados según la configuración de cada promoción
• Aplica estilos de color de fondo y texto según bg_color y text_color
• Implementa diseño responsive usando clases de utilidad
• Soporta CountdownFlash para promociones con temporizador

Ejemplo de Uso

<TagPromotion
  position="left"
  landings={["landing-1", "landing-2"]}
/>

CountdownFlash

Componente auxiliar para mostrar cuenta regresiva en promociones especiales.

<CountdownFlash
  due_date={getTomorrowDate()}
  due_hour={0}
  listingView={true}
/>

Props

• due_date: Date - Fecha de finalización
• due_hour: number - Hora de finalización
• listingView: boolean - Indica si se muestra en vista de listado