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>
42 lines
1.2 KiB
JavaScript
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;
|