change data doctors and add list comments

components/doctor/detailDoctor/cards/comments/Chart.js

@@ -1,8 +1,11 @@
-import React from 'react'
-
-function Chart() {
+function Chart({ doctor }) {
     return (
-        <div>Chart</div>
+        <div className='rounded-lg border border-[#EFEFEF] bg-[#FFF] pt-4 pb-6 px-6'>
+            <div className='flex items-center justify-start gap-2.5'>
+                <p className="text-[#616161] text-[14px] font-medium">امتیاز کلی کاربران: {doctor.overall_score} از 5</p>
+                <p>(از مجموع 234 نظر)</p>
+            </div>
+        </div>
     )
 }
 

components/doctor/detailDoctor/cards/comments/index.js

@@ -1,7 +1,7 @@
 import { Button } from '@mui/material'
-import React from 'react'
+import Chart from './Chart'
 
-function Comments() {
+function Comments({ doctor }) {
     return (
         <div className='mt-4'>
             <div>
@@ -11,9 +11,10 @@ function Comments() {
                 <p className='text-[#616161] text-[16px] font-normal'>شما هم نظر خود را در مورد این پزشک به اشتراک بگذارید:</p>
                 <Button
                     variant='outlined'
-                    className='!py-2.5 !px-9 !mr-4'
+                    className='!py-2.5 !px-9 !mr-4 !rounded'
                 >ثبت نظر</Button>
             </div>
+            <Chart doctor={doctor} />
         </div>
     )
 }