Files
nobat724_front/app/component/ProfressDetail.js
T
hamedandClaude Opus 4.8 7d65239615 feat(doctor): wire rich rating/review UI to multi-dimensional API
Connect the existing doctor-page review UI to the rebuilt backend contract
(see clinicpro feat/rating-multidimensional).

- page.js fetches the rating aggregate alongside comments and passes
  rateAggregate down to the chart (point / satisfaction / 5 dimensions).
- Submit form sends the five dimensions with doctor_uuid; comment/reply
  send {doctor_uuid, comment, parent}; 401/403 ERR_RATING_NOT_ELIGIBLE
  surface friendly guidance.
- Like/dislike call POST /like/{uuid} with value and update from the
  response; replies render nested.
- ModalAnswer gates the submit button on GET /rate/{uuid}/eligibility.
- services/response.js: getRateEligibility, postCommentsLike(uuid, value),
  drop unused patchDoctorRate. Fix hardcoded modal title; empty-state for
  no comments. Remove orphaned AnswerField.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-16 00:26:20 +03:30

42 lines
1.2 KiB
JavaScript

import { numberToArStyle } from "@/helper";
import { LinearProgress } from "@mui/material";
const fallbackLabels = [
"برخورد مناسب پزشک",
"تشخیص درست",
"زمان انتظار در مطب",
"مهارت پزشک",
"نظافت مطب",
];
function ProgressDetail({ data, idx }) {
const label = data?.label ?? fallbackLabels[idx];
const progress = typeof data === "object" && data !== null ? data.progress : data;
return (
<li className="flex items-center justify-start gap-2 w-full">
<p className="text-[#525252] text-[14px] font-normal min-w-[120px] w-[118px]">
{label}
</p>
<LinearProgress
value={progress || 0}
variant="determinate"
className="!w-full lg:!w-[265px] !rounded-[10px] !bg-[#D7D7D7] !h-[11px]"
sx={{
"& .MuiLinearProgress-bar": {
background: "#05BA58",
borderRadius: "10px",
},
}}
/>
<p
className={`text-[#525252] font-medium ${progress ? "text-[20px]" : "text-[18px]"}`}
>
{progress ? `${numberToArStyle(progress)}%` : "بدون نمره"}
</p>
</li>
);
}
export default ProgressDetail;