Update number of completed

Author: Nguyen Manh Tung

src/components/DetailCourse/DetailCourse.js

@@ -11,6 +11,7 @@ import {
   Modal,
   Dropdown,
   Button,
+  Tooltip,
 } from '@nextui-org/react';
 import classes from './DetailCourse.module.css';
 import { RiEyeLine } from 'react-icons/ri';
@@ -190,6 +191,10 @@ const DetailCourse = () => {
             Create at:{' '}
             <strong>{new Date(infoCourse.createdAt).toLocaleString()}</strong>
           </Text>
+          <Text css={{ textAlign: 'center' }}>
+            Number of completed:{' '}
+            <strong>{infoCourse.data.filter(item => item.learned === true).length} / {infoCourse.data.length}</strong>
+          </Text>
           <Spacer y={2} />
           <div className={classes.search}>
             <Input