23 lines
594 B
JavaScript
23 lines
594 B
JavaScript
import { IonCol, IonIcon, IonNote } from "@ionic/react";
|
|
import { star } from "ionicons/icons";
|
|
import { useEffect, useState } from "react";
|
|
import { randomCount } from "../utils";
|
|
|
|
export const ProductReviews = () => {
|
|
|
|
// This count could come from the product (if real data was fed)
|
|
const [reviewCount, setReviewCount] = useState(0);
|
|
|
|
useEffect(() => {
|
|
|
|
setReviewCount(randomCount());
|
|
}, []);
|
|
|
|
return (
|
|
<IonCol className="ion-text-right">
|
|
<IonIcon color="warning" icon={star} />
|
|
|
|
<IonNote>{reviewCount} review{reviewCount > 1 && "s"}</IonNote>
|
|
</IonCol>
|
|
);
|
|
} |