import React from "react"; import separate from "../../../utils/separate"; //components import StarRating from "../../../components/StarRating"; import Progress from "../../../components/Progress"; function Rate({ desktop, productId, rateDetail }) { const fiveCount = React.useMemo(() => { return rateDetail?.find((rate) => rate?.rate === 5); }, [rateDetail]); const fourCount = React.useMemo(() => { return rateDetail?.find((rate) => rate?.rate === 4); }, [rateDetail]); const threeCount = React.useMemo(() => { return rateDetail?.find((rate) => rate?.rate === 3); }, [rateDetail]); const twoCount = React.useMemo(() => { return rateDetail?.find((rate) => rate?.rate === 2); }, [rateDetail]); const oneCount = React.useMemo(() => { return rateDetail?.find((rate) => rate?.rate === 1); }, [rateDetail]); const allCount = React.useMemo(() => { return rateDetail?.reduce((a, b) => a + b?.count, 0); }, [rateDetail]); const rate = React.useMemo(() => { return rateDetail?.length ? ((oneCount?.count || 0) * 1 + (twoCount?.count || 0) * 2 + (threeCount?.count || 0) * 3 + (fourCount?.count || 0) * 4 + (fiveCount?.count || 0) * 5) / rateDetail?.length : 0; }, [rateDetail]); return (