import React, { useEffect, useState } from 'react';
import { ICourseReview } from '../../interfaces/courseReview';
import { v4 as uuidv4 } from 'uuid';
import Link from 'next/link';
import getImage from '../../helpers/getImage';
const CourseReviews = (prop: any) => {
const [data, setData] = useState([])
useEffect(() => {
fetch(
`${process.env.APP_BACK_END_URL}/courses/reviews?courseId=${prop.courseId}`,
{
method: "GET",
headers: {
Accept: "application/json",
"Content-Type": "application/json",
}
}
)
.then(response => response.json())
.then((response) => {
setData(response.data);
})
.catch(err => console.error(err))
}, [])
//for rating handle
const getRating = (rating: any) => {
let empty_rating_count = 5 - rating;
let ratings = [];
for (let i = 0; i < rating; i++) {
ratings.push()
}
for (let i = 0; i < empty_rating_count; i++) {
ratings.push()
}
return ratings;
}
//for rating handle
return typeof data !== 'undefined' && data !== null ? (
<>
{data.length > 0 &&
Reviews
{data && data.map((reviewItem: ICourseReview) => (
{getRating(reviewItem?.rating)}
{reviewItem.message}
))}
}
) : null
};
export default CourseReviews;