mario-teacher-student-client 2.1.2 → 2.1.3

package/dist/components/Dialog/ConfirmCancel.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+interface IConfirmCancel {
+    title: string;
+    isOpen: boolean;
+    confirmAndClose: () => void;
+    exit: () => void;
+}
+declare const ConfirmCancel: FC<IConfirmCancel>;
+export default ConfirmCancel;

package/dist/components/selector/StudentSelector.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const StudentSelector: ({ setStudentId, setStudentUserId, setStudentName, setStudentProfileImage, studentUserId, setIsCheckStudent, isShowDropDownIcon }: any) => JSX.Element | null;
+declare const StudentSelector: ({ setStudentId, setStudentUserId, setStudentName, setStudentProfileImage, studentUserId, setIsCheckStudent, isShowDropDownIcon, classes }: any) => JSX.Element | null;
 export default StudentSelector;

package/dist/containers/ActionPoint/components/Dialogs/hooks/useDialogRequest.d.ts

@@ -4,7 +4,7 @@ declare type PropsType = {
     reloadRef: React.MutableRefObject<any>;
 };
 declare const useDialogRequest: (_props: PropsType, ref: any) => {
-    open: any;
+    open: boolean;
     isTeacher: any;
     classList: never[];
     formData: any;

package/dist/containers/ActionPoint/components/TodoList/hooks/useTodoList.d.ts

@@ -14,5 +14,7 @@ declare const useTodoList: () => {
     getActionPointList: () => Promise<void>;
     isTeacher: any;
     classFontSize: string;
+    handleClickShowFilter: () => void;
+    checkShowFilter: () => boolean;
 };
 export default useTodoList;

package/dist/index.css

@@ -604,12 +604,41 @@ p._1YLGi {
 ._ppOfL {
   text-align: center;
   padding: 10px 0 0;
-  width: 205px;
+  width: 190px;
   border: 3px solid #156da1;
   margin-right: 16px;
   border-radius: 9px;
   margin-bottom: 16px;
   background-color: #ffffff; }
+  @media screen and (-webkit-min-device-pixel-ratio: 1.1), screen and (-moz-min-device-pixel-ratio: 1.1) {
+    ._ppOfL {
+      width: 170px;
+      border: 2px solid #156da1; }
+      ._ppOfL ._3DN3c {
+        font-size: 16px !important; }
+      ._ppOfL ._2X2qR {
+        font-size: 24px !important;
+        margin-bottom: 5px; } }
+  @media screen and (-webkit-min-device-pixel-ratio: 1.2), screen and (-moz-min-device-pixel-ratio: 1.2) {
+    ._ppOfL {
+      width: 150px;
+      border: 2px solid #156da1; }
+      ._ppOfL ._3DN3c {
+        font-size: 15px !important;
+        margin-bottom: 5px; }
+      ._ppOfL ._2X2qR {
+        font-size: 23px !important;
+        margin: 0; } }
+  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5) {
+    ._ppOfL {
+      width: 120px;
+      border: 1.5px solid #156da1; }
+      ._ppOfL ._3DN3c {
+        font-size: 12px !important;
+        margin-bottom: 5px; }
+      ._ppOfL ._2X2qR {
+        font-size: 18px !important;
+        margin: 0; } }
   ._ppOfL ._3DN3c {
     font-size: 17px;
     font-weight: 700;
@@ -748,12 +777,18 @@ p._1YLGi {
     ._1XobX {
       width: 30%; } }
 
-._1gBbm ._3DN3c, ._1gBbm ._-NEIR, ._1gBbm ._UlvOc > ._1XZWI {
+._1gBbm ._3DN3c, ._1gBbm ._-NEIR, ._1gBbm ._UlvOc > ._1XZWI div {
   font-size: 20px !important; }
 
-._3gyKR ._3DN3c, ._3gyKR ._-NEIR, ._3gyKR ._UlvOc > ._1XZWI {
+._1gBbm ._2X2qR {
+  font-size: 30px !important; }
+
+._3gyKR ._3DN3c, ._3gyKR ._-NEIR, ._3gyKR ._UlvOc > ._1XZWI div {
   font-size: 12px !important; }
 
+._3gyKR ._2X2qR {
+  font-size: 15px; }
+
 ._3TnaX {
   display: flex;
   justify-content: space-between;
@@ -1102,7 +1137,8 @@ p._1YLGi {
       text-overflow: ellipsis;
       max-width: calc(100vw - 136px);
       -webkit-line-clamp: 2;
-      word-break: break-all; }
+      word-break: break-all;
+      max-width: 150px; }
     ._oYOOf ._3KmXg ._2xzQn {
       font-weight: 600;
       font-size: 15px;
@@ -1159,10 +1195,12 @@ p._1YLGi {
     font-weight: 600; }
   ._1pWXT ._2P6dw {
     width: 33%;
+    min-width: 360px;
     padding: 10px; }
     @media (max-width: 767px) {
       ._1pWXT ._2P6dw {
-        width: 100%; } }
+        width: 100%;
+        min-width: unset; } }
     ._1pWXT ._2P6dw ._2bl3n button {
       width: 80px; }
 
@@ -1910,7 +1948,8 @@ p._1YLGi {
       text-overflow: ellipsis;
       max-width: calc(100vw - 136px);
       -webkit-line-clamp: 2;
-      word-break: break-all; }
+      word-break: break-all;
+      max-width: 150px; }
     ._1D2Iu ._32Asc ._DOERr {
       font-weight: 600;
       font-size: 15px;
@@ -1953,10 +1992,12 @@ p._1YLGi {
     font-weight: 600; }
   ._3QPbd ._3Ti85 {
     width: 33%;
-    padding: 10px; }
+    padding: 10px;
+    min-width: 360px; }
     @media (max-width: 767px) {
       ._3QPbd ._3Ti85 {
-        width: 100%; } }
+        width: 100%;
+        min-width: unset; } }
     ._3QPbd ._3Ti85 ._2VEug button {
       width: 80px; }
 
@@ -2687,8 +2728,8 @@ h2._1OAmb {
     color: white;
     position: absolute;
     padding: 15px;
-    right: 85px;
-    bottom: 10px; }
+    right: 15px;
+    bottom: 0px; }
 
 ._17w4S {
   color: #0a4da2;
@@ -3258,6 +3299,10 @@ h2._1OAmb {
       background-color: #308252; }
       ._K0gyx ._KnDEX Button:hover {
         background-color: #308252; }
+  ._K0gyx._13V1K ._22dD9 {
+    font-size: 28px !important; }
+  ._K0gyx._1Dcu1 ._22dD9 {
+    font-size: 20px !important; }
 
 ._Hv-Jq thead {
   border-top: 1px solid #e8e8e8; }
@@ -3319,7 +3364,7 @@ h2._1OAmb {
   font-size: 16px !important; }
 
 ._1NNrE {
-  font-size: 16px; }
+  font-size: 16px !important; }
   ._1NNrE ._71BUr {
     margin-right: 10px; }
 
@@ -3331,7 +3376,7 @@ h2._1OAmb {
      object-fit: cover; }
 
 ._2i1Ir {
-  font-size: 16px; }
+  font-size: 16px !important; }
 
 ._3AEYV {
   font-size: 16px !important; }
@@ -3361,6 +3406,10 @@ h2._1OAmb {
         margin-right: 0;
         margin-bottom: 10px;
         height: 40px; } }
+  ._YFlqJ._13V1K .__j_TM {
+    font-size: 20px !important; }
+  ._YFlqJ._1Dcu1 .__j_TM {
+    font-size: 12px !important; }
 
 ._1M92J {
   position: relative;
@@ -5488,7 +5537,8 @@ h2._1OAmb {
     ._2u_jh ._1rO2D ._371Gu {
       font-weight: 600;
       font-size: 20px;
-      line-height: 24px; }
+      line-height: 24px;
+      max-width: 150px; }
     ._2u_jh ._1rO2D ._vS7VM {
       font-weight: 600;
       font-size: 15px;
@@ -5537,10 +5587,12 @@ h2._1OAmb {
     font-weight: 600; }
   ._2nwZ- ._1erZ5 {
     width: 30%;
-    padding: 10px; }
+    padding: 10px;
+    min-width: 360px; }
     @media (max-width: 767px) {
       ._2nwZ- ._1erZ5 {
-        width: 100%; } }
+        width: 100%;
+        min-width: unset; } }
     ._2nwZ- ._1erZ5 ._1GozW button {
       width: 80px; }
 
@@ -6106,7 +6158,8 @@ h2._1OAmb {
     ._33Gx_ ._1lipA ._3YBjk {
       font-weight: 600;
       font-size: 20px;
-      line-height: 24px; }
+      line-height: 24px;
+      max-width: 150px; }
     ._33Gx_ ._1lipA ._1v3x0 {
       font-weight: 600;
       font-size: 15px;
@@ -6145,10 +6198,12 @@ h2._1OAmb {
     font-weight: 600; }
   ._1Bgt9 ._1xEdc {
     width: 30%;
-    padding: 10px; }
+    padding: 10px;
+    min-width: 360px; }
     @media (max-width: 767px) {
       ._1Bgt9 ._1xEdc {
-        width: 100%; } }
+        width: 100%;
+        min-width: unset; } }
     ._1Bgt9 ._1xEdc ._3sFLa button {
       width: 80px; }
 
@@ -6576,7 +6631,7 @@ h2._1OAmb {
 ._3xPJE {
   display: flex;
   gap: 20px; }
-  @media screen and (max-width: 768px) {
+  @media screen and (max-width: 1280px) {
     ._3xPJE {
       display: block; } }
 
@@ -7370,35 +7425,47 @@ h2._1OAmb {
     justify-content: flex-end; } }
 
 ._13S5J {
-  background: #FFFFFF;
+  background: #ffffff;
   box-shadow: 0px 3px 12px 2px rgba(0, 0, 0, 0.12);
   border-radius: 10px;
   padding: 24px;
   height: 610px;
   width: 100%;
   position: relative; }
+  @media screen and (max-width: 1280px) {
+    ._13S5J {
+      margin-bottom: 20px;
+      height: 750px; } }
   ._13S5J ._GRe17 {
     display: flex;
     justify-content: space-between; }
     ._13S5J ._GRe17 h2 {
       font-size: 20px;
       font-weight: 700;
-      color: #1A202C; }
+      color: #1a202c; }
     ._13S5J ._GRe17 ._3xRi3 {
       background-color: #308252;
       border-radius: 12px;
-      color: #FFFFFF; }
+      color: #ffffff; }
   ._13S5J ._FMC5k {
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%); }
+    @media screen and (max-width: 767px) {
+      ._13S5J ._FMC5k {
+        top: 41%;
+        left: 50%; } }
   ._13S5J ._HkG_L {
     display: inline-block;
     position: absolute;
     top: 60%;
     left: 22%; }
+    @media screen and (max-width: 767px) {
+      ._13S5J ._HkG_L {
+        top: 53%;
+        left: 5%; } }
   ._13S5J ._2cZPl {
     display: inline-block;
     position: absolute;
@@ -7409,17 +7476,129 @@ h2._1OAmb {
     top: 62%;
     left: 60%;
     position: absolute; }
+    @media screen and (max-width: 767px) {
+      ._13S5J ._2N9l3 {
+        top: 52%;
+        left: 60%; } }
   ._13S5J ._PnDPK {
     display: block;
     position: absolute;
     top: 35%;
     right: 5%; }
-    ._13S5J ._PnDPK ._CBCKB, ._13S5J ._PnDPK ._2IMij, ._13S5J ._PnDPK ._32Yaa, ._13S5J ._PnDPK ._2xZIO {
+    ._13S5J ._PnDPK ._CBCKB,
+    ._13S5J ._PnDPK ._2IMij,
+    ._13S5J ._PnDPK ._32Yaa,
+    ._13S5J ._PnDPK ._2xZIO {
       margin-bottom: 8px; }
+  ._13S5J ._GmGMF {
+    display: flex;
+    flex-wrap: wrap;
+    position: absolute;
+    top: 77%; }
+    ._13S5J ._GmGMF > * {
+      flex: 40%;
+      margin: 10px; }
+  ._13S5J ._23iD5 {
+    background-color: #308252;
+    border-radius: 12px;
+    color: #ffffff;
+    position: absolute;
+    bottom: 20px;
+    right: 20px; }
+
+._2SQGo {
+  display: flex;
+  gap: 10px; }
+
+._UNtme {
+  position: relative;
+  border: 1px solid rgba(0, 0, 0, 0.54);
+  box-sizing: border-box;
+  border-radius: 12px;
+  height: 50px; }
+  @media screen and (max-width: 767px) {
+    ._UNtme {
+      width: 82%; } }
+  ._UNtme ._2o4m1 {
+    position: absolute;
+    left: 10px;
+    top: 50%;
+    transform: translateY(-50%); }
+  ._UNtme ._3dXB_ {
+    height: 50px;
+    padding-left: 50px;
+    padding-right: 20px;
+    width: 286px; }
+    @media screen and (max-width: 767px) {
+      ._UNtme ._3dXB_ {
+        width: 100%; } }
+
+._3dKTg {
+  width: 15%;
+  display: flex;
+  justify-content: center;
+  align-items: center; }
+
+._3Ql9X {
+  padding: 10px 0; }
+
+._MPQBF {
+  display: flex;
+  justify-content: space-between;
+  align-items: center; }
+  ._MPQBF:nth-of-type(odd) {
+    background-color: #f9f9f9; }
+
+._1Opl5 {
+  display: flex;
+  flex-direction: column;
+  padding: 18px 16px; }
+  ._1Opl5 ._34ZI- {
+    display: inline-block;
+    max-width: 200px;
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    margin-bottom: 10px;
+    font-size: 20px;
+    font-weight: 700; }
+  ._1Opl5 ._2OmCA {
+    display: inline-block; }
+
+._14McT {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px; }
+  ._14McT > button {
+    margin: 0 !important;
+    color: white;
+    background-color: #308252;
+    border-radius: 12px; }
+
+._kK1mY {
+  padding: 20px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  background-color: white;
+  border-top: #a1a1a1 1px solid; }
+  ._kK1mY > button {
+    width: inherit;
+    color: white;
+    background-color: #308252;
+    font-size: 18px;
+    border-radius: 12px;
+    padding: 20px 0; }
 
 ._POUKi {
   width: 500px;
   padding: 24px; }
+  @media screen and (max-width: 767px) {
+    ._POUKi {
+      width: 100%; } }
   ._POUKi ._1_fIU {
     padding: 0px 0px 15px; }
   ._POUKi ._1fGy6 {
@@ -7445,23 +7624,25 @@ h2._1OAmb {
       ._POUKi ._jJL7p ._1NQRz > p {
         margin-right: 5px; }
     ._POUKi ._jJL7p ._a8K__ {
-      color: #F44336;
+      color: #f44336;
       cursor: pointer; }
 
 button._2Vbev {
   display: flex;
-  align-items: 'center'; }
+  align-items: "center"; }
 
 ._2Wcm- ._3n5Re {
   font-size: 24px !important; }
 
-._2Wcm- ._Si9Xl, ._2Wcm- ._21iJi > span {
+._2Wcm- ._Si9Xl,
+._2Wcm- ._21iJi > span {
   font-size: 20px !important; }
 
 ._39JiG ._3n5Re {
   font-size: 16px !important; }
 
-._39JiG ._Si9Xl, ._39JiG ._21iJi > span {
+._39JiG ._Si9Xl,
+._39JiG ._21iJi > span {
   font-size: 12px !important; }
 
 @font-face {
@@ -7484,6 +7665,9 @@ button._2Vbev {
   height: 610px;
   width: 100%;
   position: relative; }
+  @media screen and (max-width: 1280px) {
+    ._2Wi6k {
+      height: 750px; } }
   ._2Wi6k ._npp6I {
     display: flex;
     justify-content: space-between; }
@@ -7501,11 +7685,19 @@ button._2Vbev {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%); }
+    @media (max-width: 767px) {
+      ._2Wi6k ._1DLhQ {
+        top: 41%;
+        left: 50%; } }
   ._2Wi6k ._2bHBT {
     display: inline-block;
     position: absolute;
     top: 60%;
     left: 22%; }
+    @media (max-width: 767px) {
+      ._2Wi6k ._2bHBT {
+        top: 53%;
+        left: 5%; } }
   ._2Wi6k ._2rdAc {
     display: inline-block;
     position: absolute;
@@ -7516,6 +7708,10 @@ button._2Vbev {
     top: 62%;
     left: 60%;
     position: absolute; }
+    @media (max-width: 767px) {
+      ._2Wi6k ._32V3N {
+        top: 52%;
+        left: 60%; } }
   ._2Wi6k ._bEQOL {
     display: block;
     position: absolute;
@@ -7526,10 +7722,102 @@ button._2Vbev {
     ._2Wi6k ._bEQOL ._3Rm0X,
     ._2Wi6k ._bEQOL ._2o4NX {
       margin-bottom: 8px; }
+  ._2Wi6k ._3pmjk {
+    display: flex;
+    flex-wrap: wrap;
+    position: absolute;
+    top: 77%; }
+    ._2Wi6k ._3pmjk > * {
+      flex: 40%;
+      margin: 10px; }
+  ._2Wi6k ._1SRlZ {
+    background-color: #308252;
+    border-radius: 12px;
+    color: #ffffff;
+    position: absolute;
+    bottom: 20px;
+    right: 20px; }
+
+._vvCg5 {
+  display: flex;
+  gap: 10px; }
+
+._3zOJ3 {
+  width: 15%;
+  display: flex;
+  justify-content: center;
+  align-items: center; }
+
+._2HjfJ {
+  padding-top: 10px; }
+
+._2NqDQ {
+  display: flex;
+  align-items: center; }
+  ._2NqDQ:nth-of-type(odd) {
+    background-color: #f9f9f9; }
+  ._2NqDQ > img {
+    width: 52px;
+    height: 52px;
+    margin: 0 20px;
+    border-radius: 50%; }
+
+._3FxDD {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%; }
+
+._367ws {
+  display: flex;
+  flex-direction: column;
+  padding: 18px 16px; }
+  ._367ws ._2QNUh {
+    display: inline-block;
+    max-width: 200px;
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    margin-bottom: 10px;
+    font-size: 20px;
+    font-weight: 700; }
+  ._367ws ._2hWWh {
+    display: inline-block; }
+
+._33m5i {
+  width: 36px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px; }
+  ._33m5i > button {
+    margin: 0 !important;
+    color: white;
+    background-color: #308252;
+    border-radius: 12px; }
+
+._2nm4u {
+  padding: 20px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  background-color: white;
+  border-top: #a1a1a1 1px solid; }
+  ._2nm4u > button {
+    width: inherit;
+    color: white;
+    background-color: #308252;
+    font-size: 18px;
+    border-radius: 12px;
+    padding: 20px 0; }
 
 ._3Xq0t {
   width: 500px;
   padding: 24px; }
+  @media (max-width: 767px) {
+    ._3Xq0t {
+      width: 100%; } }
   ._3Xq0t ._2nK-E {
     padding: 0px 0px 15px; }
   ._3Xq0t ._1bCme {
@@ -7591,6 +7879,9 @@ button._kb6Ui {
   box-sizing: border-box;
   border-radius: 12px;
   height: 50px; }
+  @media screen and (max-width: 767px) {
+    ._1LH-q {
+      width: 82%; } }
   ._1LH-q ._NY-nw {
     position: absolute;
     left: 10px;
@@ -7676,17 +7967,24 @@ button._kb6Ui {
       width: 62px;
       height: 62px;
       color: rgba(0, 0, 0, 0.26); }
+    @media (max-width: 767px) {
+      ._MZRHg ._fbKnI {
+        padding: 0 10px; }
+        ._MZRHg ._fbKnI ._1JyEI {
+          text-align: center; } }
 
 ._2DYzJ ._3fGlU {
   font-size: 24px !important; }
 
-._2DYzJ ._13KPp, ._2DYzJ ._tel45 > span {
+._2DYzJ ._13KPp,
+._2DYzJ ._tel45 > span {
   font-size: 20px !important; }
 
 ._2cDw3 ._3fGlU {
   font-size: 16px !important; }
 
-._2cDw3 ._13KPp, ._2cDw3 ._tel45 > span {
+._2cDw3 ._13KPp,
+._2cDw3 ._tel45 > span {
   font-size: 12px !important; }
 
 @font-face {
@@ -9826,6 +10124,9 @@ h2._1KpSK {
 
 ._GoR37 {
   padding: 35px 16px; }
+  @media (max-width: 768px) {
+    ._GoR37 {
+      padding-top: 15px; } }
   ._GoR37._21bJX ._2HzpQ > ._2GIQl ._3jCTv {
     font-size: 20px !important; }
 
@@ -9849,7 +10150,28 @@ h2._1KpSK {
       flex-direction: column-reverse; }
       ._37WbA > div {
         width: 100% !important;
-        max-width: 100% !important; } }
+        max-width: 100% !important;
+        margin-top: 20px !important; } }
+
+._18AN5 {
+  display: none !important; }
+
+._KVlBy {
+  cursor: pointer;
+  display: none !important;
+  margin-left: 15px; }
+  @media (max-width: 768px) {
+    ._KVlBy {
+      display: block !important; } }
+
+@media (max-width: 768px) {
+  ._1jwjM {
+    display: flex;
+    flex-direction: row !important;
+    align-items: center;
+    justify-content: space-between; }
+    ._1jwjM > div {
+      width: 100%; } }
 
 ._1bNL_ ._3EN4b {
   font-size: 16px;
@@ -9920,6 +10242,21 @@ h2._1KpSK {
 ._3Vo2f {
   display: flex;
   flex-grow: 3; }
+  @media (max-width: 768px) {
+    ._3Vo2f {
+      flex-direction: column-reverse; } }
+
+._17L9d {
+  width: 40%; }
+  @media (max-width: 768px) {
+    ._17L9d {
+      width: 100%;
+      margin-top: 20px !important; } }
+
+@media (max-width: 768px) {
+  ._2nDY5 {
+    max-width: 100% !important;
+    width: 100% !important; } }
 
 @font-face {
   font-family: "Lato-Regular";