$

src/pages/rooms/Rooms.jsx

@@ -4,11 +4,14 @@ import { createRoom, getRooms, deleteRoom } from "../../api";
 import { Link } from "react-router-dom";
 import LoaderSpace from "../../components/LoaderSpace/LoaderSpace";
 import AddBtn from "./../../components/AddBtn/AddBtn";
+import { useAuth } from "../../hooks";
 
 export default function Rooms() {
+  const { _user } = useAuth();
   const [rooms, setRooms] = useState(null);
   const [isLoad, setIsLoad] = useState(true);
   const [isErr, setIsErr] = useState(false);
+  const [splicedRooms, setSplicedRooms] = useState(null);
 
   const onClickCreate = () => {
     const name = prompt("Nom de la piece ?");
@@ -21,6 +24,22 @@ export default function Rooms() {
     });
   };
 
+  const configureRooms = (data) => {
+    const splicer = (rms, datasPerPage) => {
+      const partitions = [];
+      let index = 0;
+
+      while (index < rms.length) {
+        partitions.push(rms.slice(index, index + datasPerPage));
+        index += datasPerPage;
+      }
+
+      return partitions;
+    };
+
+    console.log(splicer(data, 8));
+  };
+
   const onClickDelete = (id, name) => {
     const confirmation = prompt(
       `Etes-vous sur de vouloir supprimer ${name} ? (oui ou non)`,
@@ -45,6 +64,7 @@ export default function Rooms() {
       }
 
       setRooms(res);
+      configureRooms(res);
     });
   }, []);