\r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default NotificationItem;","import React from \"react\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\n\r\nlet styleWrapper = {\r\n display: \"flex\",\r\n flexDirection: 'column',\r\n flexWrap: \"wrap\",\r\n}\r\nlet styleSection = {\r\n border: \"1px solid #e1e1e1\",\r\n borderRadius: \"5px\",\r\n padding: \"10px\",\r\n backgroundColor: \"#fff\",\r\n}\r\nconst SkeletonNotification = () => {\r\n return (<>\r\n {\r\n Array(3).fill().map((item, index) =>\r\n \r\n
\r\n {NotificationTitle}
\r\n\r\n {CreatedBy}\r\n {getFormattedDate(CreatedDate)}\r\n
\r\n \r\n\r\n \r\n \r\n
)\r\n }\r\n );\r\n};\r\n\r\nexport default SkeletonNotification;","import React, { useState, useEffect, useReducer } from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport NotificationItem from './NotificationItem'\r\nimport SkeletonNotification from \"~components/common/Skeleton/SkeletonNotification\"\r\nimport Pagination from \"react-js-pagination\"\r\nimport { getAllNotification } from \"~src/api/studentAPI\"\r\n\r\nconst Notification = () => {\r\n const [page, setPage] = useState(1);\r\n const [pageSize, setPageSize] = useState(0);\r\n const [totalResult, setTotalResult] = useState(0);\r\n const [state, setState] = useState([])\r\n const [loading, setLoading] = useState(false)\r\n\r\n const handlePageChange = (pageNumber) => {\r\n if (page !== pageNumber) {\r\n setPage(pageNumber);\r\n getAPI({\r\n page: pageNumber,\r\n });\r\n }\r\n }\r\n\r\n const getAPI = async (params) => {\r\n setLoading(true);\r\n const res = await getAllNotification(params);\r\n if (res.Code === 1) {\r\n setState(res.Data)\r\n setPageSize(res.PageSize);\r\n setTotalResult(res.TotalResult)\r\n }\r\n setLoading(false);\r\n }\r\n\r\n useEffect(() => {\r\n getAPI({\r\n page,\r\n });\r\n }, []);\r\n\r\n return <>\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 NOTIFICATION
\r\n\r\n
\r\n \r\n}\r\n\r\nReactDOM.render(\r\n {\r\n loading ?
\r\n {\r\n pageSize < totalResult && \r\n
) : Hiện không có thông báo nào
\r\n }\r\n