From f85be0b0236edabbf5fc7abf554cd345361ae5c3 Mon Sep 17 00:00:00 2001
From: MelissaOlas <melissa.olas@gmail.com>
Date: Wed, 4 Oct 2023 14:28:25 +0200
Subject: [PATCH] fix: adding new label to put request

---
 src/contexts/classroomContext.tsx | 49 +++++++++++++++++++++++++++++--
 1 file changed, 47 insertions(+), 2 deletions(-)

diff --git a/src/contexts/classroomContext.tsx b/src/contexts/classroomContext.tsx
index 478069f46..9b7006909 100644
--- a/src/contexts/classroomContext.tsx
+++ b/src/contexts/classroomContext.tsx
@@ -1,7 +1,10 @@
+import { Card, CircularProgress } from '@mui/material';
 import React, { useEffect } from 'react';
 
 import { UserContext } from './userContext';
 import { VillageContext } from './villageContext';
+import { Modal } from 'src/components/Modal';
+import { primaryColor } from 'src/styles/variables.const';
 import { serializeToQueryUrl } from 'src/utils';
 import { axiosRequest } from 'src/utils/axiosRequest';
 import type { Classroom, ClassroomAsFamilly } from 'types/classroom.type';
@@ -46,6 +49,8 @@ export const ClassroomContextProvider = ({ children }: ClassroomContextProviderP
   const { village } = React.useContext(VillageContext);
   const [students, setStudents] = React.useState<Student[]>([]);
   const [classroom, setClassroom] = React.useState<Classroom | null>(null);
+  const [showModal, setShowModal] = React.useState<Classroom | null>(null);
+  const [testModaltStep, setTestModaltStep] = React.useState(0);
   const [parentClassroom, setParentClassroom] = React.useState<ClassroomAsFamilly | null>(null);
 
   const fetchClassroom = React.useCallback(async (user: User) => {
@@ -147,12 +152,18 @@ export const ClassroomContextProvider = ({ children }: ClassroomContextProviderP
         .then((response) => {
           return response.data.classroom;
         })
+        .then((response) => {
+          if (response.data !== null) {
+            showModal;
+          }
+        })
         .catch((err) => {
           return err.message;
         });
     },
-    [user],
+    [user, showModal],
   );
+  console.log('seeModal');
   /**
    * Add new students in the classrom
    */
@@ -318,7 +329,41 @@ export const ClassroomContextProvider = ({ children }: ClassroomContextProviderP
       setStudents,
     ],
   );
-  return <ClassroomContext.Provider value={value}>{children}</ClassroomContext.Provider>;
+  return (
+    <ClassroomContext.Provider value={value}>
+      {children}
+      {testModaltStep > 0 && (
+        <div style={{ position: 'fixed', bottom: '1rem', right: '4.5rem' }}>
+          <Card style={{ backgroundColor: primaryColor, color: 'white', padding: '0.25rem 0.5rem', display: 'flex', alignItems: 'center' }}>
+            {testModaltStep === 1 && <CircularProgress color="inherit" size="1.25rem" />}
+            {testModaltStep === 2 && <span className="text text--small">Brouillon enregistré</span>}
+          </Card>
+        </div>
+      )}
+      <Modal
+        open={showModal !== null}
+        maxWidth="sm"
+        fullWidth
+        title="Brouillon en cours !"
+        cancelLabel="Créer une nouvelle activité"
+        confirmLabel="Reprendre le brouillon"
+        onClose={() => {
+          setShowModal(null);
+        }}
+        noCloseOutsideModal
+        noCloseButton
+        ariaDescribedBy="brouillon-desc"
+        ariaLabelledBy="brouillon-title"
+      >
+        <div id="brouillon-desc" style={{ padding: '0.5rem' }}>
+          <p>Vous avez un brouillon en cours pour cette activité, souhaitez vous le reprendre ?</p>
+          <p>
+            (Continuer sans ce brouillon en créera un nouveau qui va <strong>supprimer</strong> celui déjà existant.)
+          </p>
+        </div>
+      </Modal>
+    </ClassroomContext.Provider>
+  );
 };
 
 export interface ClassroomUpdateData {