- \n {categories?.map((category, index) => {\n if (category.show === false) return null;\n if (!category.href && !category.pages) return null;\n if (category.href) {\n return (\n
\n {(currentPeriodInfo.start && currentPeriodInfo.end) && {`${currentPeriodInfo.start} ${t('_to_')} ${currentPeriodInfo.end}`} }\n
\n \n
\n
\n
\n
Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n \n \n contact@animaetech.com\n \n
\n \n \n Facebook\n \n
\n {t('change_period_to_a', { a: selectedRow?.name })}
\n {/*{t('activate_period_msg')}
*/}\n {/* {`${selectedRow?.class} ${selectedStudent?.class_no} ${_.get(selectedStudent, `name.${getLanguage()}`)} `} */}\n \n\n {t('delete_student_confirm_msg', { a: `${selectedStudent?.class} ${selectedStudent?.class_no} ${translate(selectedStudent?.name)}` })}\n
\n \n\n {t('parent_password')} : {t('yup_string_min', { min: 6 })}\n
{t('add_a_students', { a: count?.new })}
}\n {count?.update &&{t('update_a_students', { a: count?.update })}
}\n\n {'Are you sure to delete'}\n
\n{selectedStudent?.username}
\n{selectedStudent?.class}
\n{selectedStudent?.class_no}
\n{selectedStudent?.name?.en}
\n \n\n\n{t('add_a_admins', { a: count?.new })}
}\n {count?.update &&{t('update_a_admins', { a: count?.update })}
}\nLast Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n \n {t('delete_confirm_msg', { a: `${selectedRow?.name}` })}\n
\n \n {/*\n {'Are you sure to delete'}\n
\n{selectedStudent?.username}
\n{selectedStudent?.class}
\n{selectedStudent?.class_no}
\n{selectedStudent?.name?.en}
\n */}\n- \n {_.size(selectedRow?.filters) > 0 ? _.map(selectedRow?.filters, (k, i) => {\n return (\n
\n
\n \n \n {a.size && prettyBytes(a.size)}\n
\n {a.url && \n {t('delete_notice_confirm_msg')}\n
\n \n\n
\n \n
\n \n {currentPeriodInfo.start && currentPeriodInfo.end && (\n {`${currentPeriodInfo.start} ${t('_to_')} ${\n currentPeriodInfo.end\n }`} \n )}\n
\n \n
\n
\n
\n
\n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
*/}\n \n {t('delete_notice_confirm_msg', { a: notice?.title })}\n
\n \n\n \n {notice.title}\n \n\n {\n\n api.updateNoticeInfo(notice._id, { is_favourite: !notice.user_info?.is_favourite })\n .catch(e => {\n })\n .finally(() => {\n let _notice = { ...notice }\n _.set(_notice, `user_info.is_favourite`, !notice.user_info?.is_favourite)\n setNotice(_notice)\n\n })\n\n }}>\n \n
\n \n {a.size && `(${prettyBytes(a.size)})`}\n
\n \n {/* \n {a.size && prettyBytes(a.size)}\n
\n {a.url && {row.message}
\n\n // },\n {\n label: t('created_at'),\n value: 'created_at',\n\n content: (row) => moment(row.created_at).format('YYYY/MM/DD'), sort: true\n },\n ]}\n checked={selected}\n setChecked={setSelected}\n />\n \n {t('delete_memo_confirm_msg')}\n
\n \n\n \n {memo.title}\n \n\n {\n\n api.updateMemoInfo(memo._id, { is_favourite: !memo.user_info?.is_favourite })\n .catch(e => {\n\n })\n .finally(() => {\n let _memo = { ...memo }\n _.set(_memo, `user_info.is_favourite`, !memo.user_info?.is_favourite)\n setMemo(_memo)\n\n })\n\n }}>\n \n
\n \n {value &&\n { formik.setFieldValue(name, null) }}>\n \n }\n
\n \n \n
\n {helperText}
\n {/*{`< 1MB | PNG ${t('or')} JPEG | 1:1 ${t('aspect_ratio')}`}
*/}\n- \n
\n {t('delete_confirm_msg', { a: `${t('question')}${_.findIndex(game?.questions, { _id: formik.values._id }) + 1}` })}\n
\n \n{s.point}
\n{'point'}
\n{s.pointExchanged}
\n{'pointExchanged'}
\nLast Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
*/}\n\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n );\n};\nexport default USubmittedHomeworkRecord;\n","import { Helmet } from 'react-helmet';\nimport {\n Backdrop,\n Box,\n Container,\n Grid,\n Card,\n CardContent,\n Typography,\n CardHeader,\n Button,\n Divider,\n IconButton,\n TextField,\n InputAdornment\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport { useCallback, useEffect } from 'react';\nimport { useBackDrop } from 'src/provider/BackdropProvider';\nimport { useState } from 'react';\nimport useApi from 'src/api/api';\nimport { ArrowBack } from '@material-ui/icons';\nimport Icons from 'src/icons';\nimport DataTable from 'src/components/DataTable/DataTable';\nimport DataTableNoLimit from 'src/components/DataTable/DataTableNoLimit';\nimport _ from 'lodash';\nimport { useNavigate } from 'react-router';\nimport { useLocale } from 'src/provider/LocaleProvider';\nimport utils from 'src/utils/utils';\nimport SearchInput from 'src/components/SearchInput';\nimport LayoutContainer from 'src/layout/LayoutContainer';\nimport { useAuthData } from 'src/provider/AuthDataProvider';\nimport RuleSelector from 'src/components/RuleSelector';\nconst moment = require('moment-timezone');\n\nconst useStyles = makeStyles((theme) => ({\n row: {\n // height: '10px',\n // paddingBottom: theme.spacing(2),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n marginBottom: theme.spacing(2)\n },\n spacer: {\n flex: 1\n },\n\n tableCell: {\n '& .MuiTableCell-root': {\n textAlign: 'center',\n borderLeft: 'none !important'\n },\n '& .MuiTableRow-root': {\n height: '60px'\n }\n //\n },\n caption: {\n fontSize: '12px'\n }\n}));\n\nconst UUnfinishedHomeworkRecord = () => {\n const classes = useStyles();\n const loadingView = useBackDrop();\n const api = useApi();\n const nav = useNavigate();\n const { t, getLanguage } = useLocale();\n const { userInfo, selectedPeriod, currentPeriod } = useAuthData();\n\n const [filter, setFilter] = useState(null);\n const [record, setRecord] = useState([]);\n\n const handleExport = () => {\n utils.exportCsv(\n record,\n [\n {\n label: t('date'),\n value: (row) => moment(row['date']).format('YYYY-MM-DD')\n },\n {\n label: t('subject'),\n value: (row) =>\n _.get(row, `homework_type.subject.name.${getLanguage()}`)\n },\n {\n label: t('code'),\n value: (row) => _.get(row, `homework_type.name`)\n },\n {\n label: t('remark'),\n value: (row) => _.get(row, `remarks`)\n },\n {\n label: t('action_created_by'),\n value: (row) => _.get(row, `created_by.name.${getLanguage()}`)\n }\n ],\n 'point_record'\n );\n };\n\n useEffect(() => {\n // loadingView.open()\n\n api\n .getStudentUnfinishedHomeworkRecord(userInfo._id)\n .then(({ data }) => {\n console.log('data: ', data);\n setRecord(data.records);\n })\n .catch((e) => console.log(e));\n // loadingView.close()\n }, []);\n\n const filteredList = useCallback(\n utils.searchFilter(record, filter?._id, ['']),\n [record, filter]\n );\n\n return (\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n );\n};\nexport default UUnfinishedHomeworkRecord;\n","import { Box, Button, Checkbox, Container, Dialog, DialogActions, DialogContent, DialogTitle, Divider, IconButton, Paper, Tooltip, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport _ from 'lodash';\nimport moment from 'moment-timezone';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useNavigate } from 'react-router';\nimport { Link } from 'react-router-dom';\nimport useApi from 'src/api/api';\nimport DataTable from 'src/components/DataTable/DataTable';\nimport Icons from 'src/icons';\nimport LayoutContainer from 'src/layout/LayoutContainer';\nimport { useAuthData } from 'src/provider/AuthDataProvider';\nimport { useLocale } from 'src/provider/LocaleProvider';\nimport classNames from 'classnames';\n\nconst prettyBytes = require('pretty-bytes');\n\nconst useStyles = makeStyles({\n list: {\n listStyle: 'none',\n minHeight: '500px',\n\n },\n listItem: {\n borderBottom: '1px solid rgba(0,58,137,.2)',\n // marginBottom: '16px',\n padding: '16px',\n },\n lastItem: {\n marginBottom: '0px'\n },\n\n listText: {\n marginBottom: 0,\n marginTop: '8px',\n '&:hover': {\n transition: 'opacity .2s',\n opacity: '.6'\n }\n },\n pager: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n isRead: {\n backgroundColor: 'rgba(0,0,0,0.1)'\n }\n\n})\n\nexport default function UNotice() {\n const nav = useNavigate()\n const { t } = useLocale()\n const [notices, setNotices] = useState();\n const { selectedPeriod } = useAuthData()\n const api = useApi()\n const [pageInfo, setPageInfo] = useState({\n current: 0,\n total: 0,\n numberOfPage: 10\n })\n const [favouriteChecked, setFavouriteChecked] = useState(false);\n\n const classes = useStyles()\n useEffect(() => {\n api.getNotices(selectedPeriod).then(res => {\n setNotices(_.sortBy(res.data, 'created_at').reverse() || [])\n let _notices = favouriteChecked ? res.data.filter(k => k.user_info?.is_favourite) : res.data\n setPageInfo({ ...pageInfo, 'total': Math.ceil(_notices.length / pageInfo.numberOfPage) })\n }).catch(e => {\n\n })\n }, [selectedPeriod]);\n\n useEffect(() => {\n if (notices && notices.length > 0) {\n let _notices = favouriteChecked ? notices.filter(k => k.user_info?.is_favourite) : notices\n let totalLength = Math.ceil(_notices.length / pageInfo.numberOfPage)\n setPageInfo({ ...pageInfo, 'current': 0, 'total': totalLength })\n }\n\n }, [favouriteChecked])\n const filteredNotice = favouriteChecked ? notices?.filter(k => k.user_info?.is_favourite) : notices\n console.log(\"file: Notice.js ~ line 85 ~ UNotice ~ filteredNotice\", filteredNotice)\n return (\n \n setFavouriteChecked(checked)} size={'small'} style={{ padding: 5 }}> \n 已加星號 \n
\n - \n {(filteredNotice && filteredNotice.length > 0) ? _.slice(filteredNotice, pageInfo.current * pageInfo.numberOfPage, (pageInfo.current + 1) * pageInfo.numberOfPage).map((k, i) => {\n return (\n
- \n
{\n e.preventDefault()\n api.updateNoticeInfo(k._id, { is_favourite: !k.user_info?.is_favourite })\n .catch(e => {\n\n })\n .finally(() => {\n let _notices = [...notices]\n let id = _.findIndex(_notices, { _id: k._id })\n _.set(_notices, `${id}.user_info.is_favourite`, !k.user_info?.is_favourite)\n setNotices(_notices)\n })\n }}>\n \n \n\n \n\n{moment(k.created_at).format('YYYY/MM/DD')}\n\n{k.title} \n \n\n )\n }) :
\n {\n setPageInfo({ ...pageInfo, 'current': pageInfo.current - 1 })\n }}>\n \n {Array(pageInfo.total).fill(null).map((k, i) =>\n )}\n {\n setPageInfo({ ...pageInfo, 'current': pageInfo.current + 1 })\n }}>\n \n\n
}\n \n setFavouriteChecked(checked)} size={'small'} style={{ padding: 5 }}> \n 已加星號 \n
\n - \n\n {(filteredMemo && filteredMemo.length > 0) ? _.slice(filteredMemo, pageInfo.current * pageInfo.numberOfPage, (pageInfo.current + 1) * pageInfo.numberOfPage).map((k, i) => {\n return (\n
- \n \n\n
{\n e.preventDefault()\n\n api.updateMemoInfo(k._id, { is_favourite: !k.user_info?.is_favourite })\n\n .catch(e => {\n\n })\n .finally(() => {\n let _memo = [...memo]\n let id = _.findIndex(_memo, { _id: k._id })\n _.set(_memo, `${id}.user_info.is_favourite`, !k.user_info?.is_favourite)\n setMemo(_memo)\n })\n }}>\n \n\n \n\n{moment(k.created_at).format('YYYY/MM/DD')}\n\n{k.title} \n\n \n\n )\n }) :
\n {\n setPageInfo({ ...pageInfo, 'current': pageInfo.current - 1 })\n }}>\n \n {Array(pageInfo.total).fill(null).map((k, i) =>\n )}\n {\n setPageInfo({ ...pageInfo, 'current': pageInfo.current + 1 })\n }}>\n \n\n
}\n Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n Last Updated at {moment().format(\"YYYY-MM-DD HH:mm:ss\")}
\n\n {t('delete_confirm_msg', { a: `${selectedRow?.name}` })}
\n \n\n {t('delete_confirm_msg', { a: `${selectedRow?.name}` })}\n
\n \n{`${selectedBadge.badge_rule?.name}`}
\n {selectedBadge.badge_rule?.description && selectedBadge.badge_rule?.description != '' &&{`${selectedBadge.badge_rule?.description}`}
}\n {selectedBadge.count > 0 ?\n <>\n{`${t('badge_get_a_times_msg', { a: selectedBadge.count })}`}
\n{`${t('badge_latest_gain_at')}: ${moment(selectedBadge.last_created_at).format('YYYY/MM/DD')}`}
\n \n :{t('badge_not_get_msg')}
\n }\n\n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n );\n};\nexport default SubmittedHomeworkRecord;\n","import { Helmet } from 'react-helmet';\nimport {\n Backdrop,\n Box,\n Container,\n Grid,\n Card,\n CardContent,\n Typography,\n CardHeader,\n Button,\n Divider,\n IconButton,\n TextField,\n InputAdornment\n} from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport { useEffect, useMemo } from 'react';\nimport { useBackDrop } from 'src/provider/BackdropProvider';\nimport { useState } from 'react';\nimport useApi from 'src/api/api';\nimport { ArrowBack } from '@material-ui/icons';\nimport Icons from 'src/icons';\nimport DataTable from 'src/components/DataTable/DataTable';\nimport DataTableNoLimit from 'src/components/DataTable/DataTableNoLimit';\nimport _ from 'lodash';\nimport { useNavigate, useParams } from 'react-router';\nimport { useLocale } from 'src/provider/LocaleProvider';\nimport utils from 'src/utils/utils';\nimport SearchInput from 'src/components/SearchInput';\nimport LayoutContainer from 'src/layout/LayoutContainer';\nimport { useAuthData } from 'src/provider/AuthDataProvider';\nconst moment = require('moment-timezone');\n\nconst useStyles = makeStyles((theme) => ({\n row: {\n // height: '10px',\n // paddingBottom: theme.spacing(2),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n marginBottom: theme.spacing(2)\n },\n spacer: {\n flex: 1\n },\n\n tableCell: {\n '& .MuiTableCell-root': {\n textAlign: 'center',\n borderLeft: 'none !important'\n },\n '& .MuiTableRow-root': {\n height: '60px'\n }\n },\n caption: {\n fontSize: '12px'\n }\n}));\n\nconst UnfinishedHomeworkRecord = () => {\n const classes = useStyles();\n const loadingView = useBackDrop();\n const api = useApi();\n const nav = useNavigate();\n const [search, setSearch] = useState();\n const { t, translate, getLanguage } = useLocale();\n const { userInfo, selectedPeriod, currentPeriod } = useAuthData();\n const { userId } = useParams();\n\n const [record, setRecord] = useState([]);\n\n const handleExport = () => {\n utils.exportCsv(\n record,\n [\n {\n label: t('date'),\n value: (row) => moment(row['date']).format('YYYY-MM-DD')\n },\n {\n label: t('subject'),\n value: (row) =>\n _.get(row, `homework_type.subject.name.${getLanguage()}`)\n },\n {\n label: t('code'),\n value: (row) => _.get(row, `homework_type.name`)\n },\n {\n label: t('remark'),\n value: (row) => _.get(row, `remarks`)\n },\n {\n label: t('action_created_by'),\n value: (row) => _.get(row, `created_by.name.${getLanguage()}`)\n }\n ],\n 'unfinished_homework_record'\n );\n };\n\n useEffect(() => {\n // loadingView.open()\n\n api\n .getStudentUnfinishedHomeworkRecord(userId, selectedPeriod)\n .then((res) => {\n setRecord(res.data);\n // console.log(res.data);\n })\n .catch((e) => console.log(e));\n\n // api.getAttendanceList({ period: selectedPeriod, user: userId }).then(({ data }) => { setAttendanceHistory(data) }).catch(e => console.log(e));\n\n // loadingView.close()\n }, [selectedPeriod]);\n // console.log(record);\n var filtered = useMemo(\n () =>\n utils.searchFilter(record.records, search, [\n `created_by.name.en`,\n `created_by.name.zh`,\n 'date',\n `remarks`,\n `homework_type.subject.name.en`,\n `homework_type.subject.name.zh`\n ]),\n [record, search]\n );\n\n return (\n \n Last Updated at {moment().format('YYYY-MM-DD HH:mm:ss')}\n
\n \n );\n};\nexport default UnfinishedHomeworkRecord;\n","import {\n Box,\n FormControlLabel,\n FormGroup,\n Switch,\n Typography\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useQuery } from 'react-query';\nimport useApi from 'src/api/api';\nimport CustomDatePicker from 'src/components/DatePicker';\nimport LoadingView from 'src/components/LoadingView';\nimport LayoutContainer from 'src/layout/LayoutContainer';\nimport { useAuthData } from 'src/provider/AuthDataProvider';\n\nconst moment = require('moment-timezone');\nconst _ = require('lodash');\n\nconst ClassSubmittedRecord = () => {\n const [date, setDate] = useState(moment().toDate());\n const { selectedPeriod } = useAuthData();\n const api = useApi();\n const { isLoading, error, data, isFetching } = useQuery(\n ['class-submit-homeword-records', date, selectedPeriod],\n () => api.getClassSubmittedRecord({ date: date }).then((res) => res.data),\n {\n refetchOnWindowFocus: false\n }\n );\n if (error) {\n return (\n {t('delete_confirm_msg', { a: `${category?.name}` })}
\n \n \n );\n};\n\nexport default EditHomeworkTypeDialog;\n","import {\n Button,\n FormControl,\n Grid,\n IconButton,\n InputLabel,\n MenuItem,\n Select,\n Tooltip\n} from '@material-ui/core';\nimport { useEffect, useState } from 'react';\nimport useApi from 'src/api/api';\nimport DataTable from 'src/components/DataTable/DataTable';\nimport SearchInput from 'src/components/SearchInput';\nimport Icons from 'src/icons';\nimport LayoutContainer from 'src/layout/LayoutContainer';\nimport { useLocale } from 'src/provider/LocaleProvider';\nimport utils from 'src/utils/utils';\nimport AddHomeworkTypeDialog from './AddHomeworkTypeDialog';\nimport EditHomeworkTypeDialog from './EditHomeworkTypeDialog';\nconst _ = require('lodash');\n\nconst HomeworkType = (_props) => {\n const [addDialog, setAddDialog] = useState(false);\n const [selected, setSelected] = useState(null);\n const [search, setSearch] = useState('');\n const api = useApi();\n const { t, getLanguage } = useLocale();\n const [homeworkType, setHomeworkType] = useState([]);\n const [allSubject, setAllSubject] = useState([]);\n const [homeworkCategory, setHomeworkCategory] = useState('');\n\n useEffect(() => {\n api.getHomeworkType().then((res) => {\n setAllSubject(res.data?.allSubject);\n setHomeworkType(res.data?.homeworkType);\n });\n }, []);\n function refreshPage() {\n api.getHomeworkType().then((res) => {\n setAllSubject(res.data?.allSubject);\n setHomeworkType(res.data?.homeworkType);\n });\n }\n\n function handleEdit(row) {\n setSelected(row);\n }\n\n const headCells = [\n {\n id: 'name',\n label: t('name'),\n value: 'name',\n width: '30%',\n align: 'left'\n },\n {\n id: 'subject',\n label: t('subject'),\n // value: 'subject.name.zh',\n content: (s) => `${_.get(s, `subject.name.${getLanguage()}`)}`,\n width: '30%',\n align: 'left'\n },\n {\n id: 'isActive',\n label: t('status'),\n content: (r) => (r.isActive ? t('active') : t('inactive')),\n className: (row) => (row.isActive ? 'text-green' : 'text-red'),\n // sort: true,\n width: '30%',\n align: 'left'\n },\n {\n id: 'actions',\n label: t('actions'),\n width: '10%',\n content: (row) => (\n\n {_.map(payload, (payloads) => (\n \n {payloads?.name} : {payloads?.payload[payloads.dataKey]} (\n {Percentage(\n payloads?.payload[payloads.dataKey],\n payloads?.payload['total']\n )}\n %)\n \n ))}\n
\n );\n } else return <>;\n};\n","import { Box, Card, Typography } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/styles';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n Bar,\n BarChart,\n Brush,\n CartesianGrid,\n Legend,\n ReferenceLine,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis\n} from 'recharts';\nimport useApi from 'src/api/api';\nimport CustomDatePicker from 'src/components/DatePicker';\nimport { useAuthData } from 'src/provider/AuthDataProvider';\nimport { useLocale } from 'src/provider/LocaleProvider';\nconst moment = require('moment-timezone');\nconst COLORS = ['#0088FE', '#00C49F', '#FFBB28', '#FF8042', '#FF80FF'];\n\nexport default function UnfinishedHomeworkChart() {\n const { t } = useLocale();\n const { selectedPeriod } = useAuthData();\n const api = useApi();\n const [rechartData, setRechartData] = useState([]);\n const [startDate, setStartDate] = useState(null);\n const [endDate, setEndDate] = useState(moment().toDate());\n const timer = useRef();\n\n useEffect(() => {\n if (selectedPeriod) {\n api.getUnfinishedHomeworkStat(startDate, endDate).then((res) => {\n const { data } = res;\n const { dateRange } = data;\n setRechartData(data);\n setStartDate(dateRange.fromDate);\n setEndDate(dateRange.toDate);\n });\n }\n }, [selectedPeriod]);\n\n const getData = async () => {\n return api.getUnfinishedHomeworkStat(startDate, endDate).then((res) => {\n setRechartData(res.data);\n });\n };\n\n // console.log(_.isDate(toDate.toDate()));\n\n useEffect(() => {\n if (rechartData) {\n setRechartData({});\n clearTimeout(timer.current);\n timer.current = setTimeout(getData, 500);\n }\n }, [startDate, endDate]);\n return (\n <>\n {t(\"learning_resource_msg_type_size\")}
\n\t\t\t\t\t\t