- \r\n
- \r\n 600 ? '100px': '60px' }}>\r\n\r\n
600 ? 100: 60}\r\n width={widthScreen > 600 ? 100: 60}/>\r\n 600 ?100:60}px)` }}>\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default StudentCommentItem;\r\n","import React, { useState, useEffect, useReducer } from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport StudentCommentItem from \"~components/common/StudentComment/StudentCommentItem\"\r\nimport SkeletonFeedback from \"~components/common/Skeleton/SkeletonFeedback\"\r\nimport Pagination from \"react-js-pagination\"\r\n\r\nimport { getFeedbackOverviewAPI } from \"~src/api/studentAPI\"\r\nimport { getListEvaluationAPI } from \"~src/api/studentAPI\"\r\n\r\nimport styles from \"~components/Feedback/Feedback.module.scss\"\r\n\r\n\r\nconst Feedback = () => {\r\n const [overview, setOverview] = useState({});\r\n const [loading, setLoading] = useState(false);\r\n const [loadingListEvaluation, setLoadingListEvaluation] = useState(false);\r\n const [page, setPage] = useState(1)\r\n const [pageSize, setPageSize] = useState(0);\r\n const [totalResult, setTotalResult] = useState(0);\r\n\r\n const [feedback, setFeedback] = useState([]);\r\n const [rate, setRate] = useState(0);\r\n\r\n const handlePageChange = (pageNumber) => {\r\n if(page !== pageNumber) {\r\n setPage(pageNumber);\r\n _GetListEvaluationAPI({\r\n Rate: rate,\r\n Page: pageNumber,\r\n })\r\n }\r\n }\r\n\r\n const getOverViewAPI = async () => {\r\n setLoading(true);\r\n const res = await getFeedbackOverviewAPI();\r\n if (res.Code === 1) {\r\n setOverview(res.Data)\r\n }\r\n setLoading(false);\r\n }\r\n\r\n const _GetListEvaluationAPI = async (params) => {\r\n setLoadingListEvaluation(true);\r\n const res = await getListEvaluationAPI(params);\r\n if (res.Code === 1) {\r\n setFeedback(res.Data);\r\n setPageSize(res.PageSize);\r\n setTotalResult(res.TotalResult);\r\n }\r\n setPage(params.Page);\r\n setLoadingListEvaluation(false);\r\n }\r\n\r\n const fetchListEvaluation = (e) => {\r\n let rateFilter = parseInt(e.target.value);\r\n if(rateFilter === rate) return;\r\n setRate(rateFilter);\r\n _GetListEvaluationAPI({\r\n Rate: rateFilter,\r\n Page: 1,\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n getOverViewAPI();\r\n _GetListEvaluationAPI({\r\n Rate: 0,\r\n Page: 1,\r\n })\r\n }, []);\r\n\r\n return <> \r\n {\r\n !loading && <>\r\n \r\n 
{e.target.onerror = null; e.target.src=\"../assets/img/default-avatar.png\"}} />\r\n
\r\n \r\n
\r\n \r\n {\r\n !!TeacherName ?\r\n
\r\n {TeacherName}
: \r\n !!StudentName ?\r\n{StudentName}
: \"\"\r\n }\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n ScheduleTimeVN ?
\r\n {\r\n LinkDetail && Time: {ScheduleTimeVN}
:\r\n CreatedDate ? Time: {moment(CreatedDate).format(\"LLLL\")}
: \"\"\r\n }\r\n {\r\n DocumentName && {DocumentName}
\r\n }\r\n \r\n Xem chi tiết \r\n
\r\n }\r\n \r\n
\r\n PHẢN HỒI
\r\n {\r\n overview && Object.keys(overview).length > 0 &&\r\n \r\n
\r\n }\r\n \r\n {\r\n overview && Object.keys(overview).length > 0 ? <>\r\n
\r\n \r\n }\r\n Trung bình 100 phản hồi gần nhất của học viên: {overview.Avarage}
:\r\n (!loading &&\r\n Không có dữ liệu\r\n ![\"image\"](\"../assets/img/error.svg\")
\r\n
)\r\n }\r\n \r\n \r\n {\r\n loadingListEvaluation ?
\r\n {\r\n pageSize < totalResult && \r\n {\r\n !!feedback && feedback.length > 0 ? feedback.map(item =>\r\n
\r\n }\r\n \r\n
\r\n }\r\n \r\n Bạn không có phản hồi {\r\n rate !== 0 && <>{rate}\r\n } nào\r\n ![\"image\"](\"../assets/img/no-booking.svg\")