ent en cours

front_end/src/components/ent.css

@@ -0,0 +1,5 @@
+.ent_colonne {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 16px;
+}

front_end/src/components/ent.tsx

@@ -1,14 +1,65 @@
 import { useState } from "react"
-import { User } from "../classes"
+import { Session, User } from "../classes"
 import { useLocalData } from "../context/useLocalData"
-
+import './ent.css';
+//import {updateSessionsOfUser } from "../requetes";
 
 export const ENT =() =>{
     const {user} = useLocalData()
-    
+    const [sessions, setSessions] = useState<Session[]>([])
+    const [week,setWeek] = useState<Date>(new Date());
+
+
+    function updateSessions(){
+        var newWeek: Session[] = []
+        user.sessions.forEach(session => {
+            newWeek.push(session);
+        });
+        setSessions(newWeek);
+    }
+
+    function changeWeek(){
+        updateSessions()
+        setWeek(new Date());
+    }
+
+    async function updateWeek(){
+        //TODO updateSession
+        //await updateSessionsOfUser(user,null,null);
+        var newWeek: Session[] = []
+        user.sessions.forEach(session => {
+            newWeek.push(session);
+        });
+        setSessions(newWeek);
+    }
+
     return(
-        <div>
-            
+        <div className="ent"> 
+            <div className="ent_colonne">
+                <div>
+                    Lundi
+                </div>
+                <div>
+                    Mardi
+                    
+                </div>
+                <div>
+                    Mercredi
+                </div>
+                <div>
+                    Jeudi
+                </div>
+                <div>
+                    Vendredi
+                </div>
+                <div>
+                    Samedi
+                </div>
+                <div>
+                    Dimanche
+                </div>
+
+            </div>
         </div>
     )
 }