@pingu-components/react v2.1.2

@pingu-components/react

@pingu-components/react es una librería de componentes de React que permite la integración con un servicio de ratings para productos. Esta versión incluye tres componentes públicos: NewRating, OverallRating y ReviewsList.

Nota: Para utilizar estos componentes y obtener ratings visibles, debes contratar el servicio de ratings asociado.

Instalación

Instala la librería usando npm:

npm install @pingu-components/react

Componentes

1. NewReview

Permite a los usuarios crear un nuevo rating para un producto específico. Se utiliza proporcionando el id del producto y un token de autenticación. El onSubmit se ejecuta cuando el formulario se envía correctamente.

Props

Ejemplo de uso

import NewRating from '@pingu-components/react';

<NewRating
  id={123}
  token="your-auth-token"
  onSubmit={() => alert('Review submitted!')}
  userWritter="Jane Doe - PinguStars"
/>

2. ReviewsList

Muestra una lista de reviews para un producto dado. También permite personalizar varios aspectos visuales como los colores, tamaños de texto y estrellas.

Props

Ejemplo de uso

import ReviewsList from '@pingu-components/react';

<ReviewsList
  id={123}
  token="your-auth-token"
  onClick={(id) => console.log(id)}
/>

3. OverallRating

Muestra el rating promedio de un producto específico.

Props

Ejemplo de uso

import OverallRating from '@pingu-components/react';

<OverallRating
  id={123}
  token="your-auth-token"
/>

4. Review Detail

Muestra el detalle de una reseña segun su id.

Props

Ejemplo de uso

import OverallRating from '@pingu-components/react';

<OverallRating
  id={123}
  token="your-auth-token"
/>

5. New Product

Componente para agregar un nuevo producto a la base de datos.

Props

Ejemplo de uso

import OverallRating from '@pingu-components/react';

<OverallRating
  token="your-auth-token"
  onSubmit={() => console.log("Submitted")}
/>

Notas adicionales

• Los componentes de esta librería no proporcionarán datos de ratings ni reviews si no tienes contratado el servicio de ratings. Asegúrate de obtener las credenciales de autenticación (token) de tu proveedor de ratings para que los componentes funcionen correctamente.
• Personaliza la apariencia de los componentes a través de las props proporcionadas, permitiendo adaptarlos al diseño de tu sitio.