$

src/pages/rooms/Rooms.jsx

@@ -2,7 +2,7 @@ import "./Rooms.scss";
 import { useState, useEffect } from "react";
 import { createRoom, getRooms, deleteRoom } from "../../api";
 import { Link } from "react-router-dom";
-import { MagnifyingGlass } from "react-loader-spinner";
+import LoaderSpace from "../../components/LoaderSpace/LoaderSpace";
 
 export default function Rooms() {
   const [rooms, setRooms] = useState(null);
@@ -22,11 +22,11 @@ export default function Rooms() {
 
   const onClickDelete = (id, name) => {
     const confirmation = prompt(
-      `Etes-vous sur de vouloir supprimer ${name} ? (Oui ou non)`,
-      "non",
+      `Etes-vous sur de vouloir supprimer ${name} ? (oui ou non)`,
+      "oui",
     );
 
-    if (!confirmation || !confirmation.toLocaleLowerCase() !== "oui") return;
+    if (!confirmation || confirmation.toLocaleLowerCase() !== "oui") return;
 
     deleteRoom(id).then((res) => {
       const values = rooms.filter((e) => e._id !== id);
@@ -83,18 +83,7 @@ export default function Rooms() {
           ))}
         </div>
       ) : (
-        <div>
-          <MagnifyingGlass
-            visible={isLoad}
-            height="100"
-            width="100"
-            ariaLabel="magnifying-glass-loading"
-            wrapperStyle={{}}
-            wrapperClass="magnifying-glass-wrapper"
-            glassColor="#ffffff"
-            color="#7B6A9C"
-          />
-        </div>
+        <LoaderSpace isVisible={isLoad} />
       )}
 
       {isErr && !isLoad ? (