$

src/pages/rooms/Rooms.jsx

@@ -3,6 +3,7 @@ import { useState, useEffect } from "react";
 import { createRoom, getRooms, deleteRoom } from "../../api";
 import { Link } from "react-router-dom";
 import LoaderSpace from "../../components/LoaderSpace/LoaderSpace";
+import AddBtn from "./../../components/AddBtn/AddBtn";
 
 export default function Rooms() {
   const [rooms, setRooms] = useState(null);
@@ -85,7 +86,7 @@ export default function Rooms() {
           ))}
         </div>
       ) : (
-        <LoaderSpace isVisible={isLoad} />
+        <LoaderSpace isVisible={isLoad} isCenterLoader={true} />
       )}
 
       {isErr && !isLoad ? (
@@ -94,9 +95,7 @@ export default function Rooms() {
 
       <div id="rooms-add-container">
         <div id="rooms-text-on">Creer une nouvelle piece</div>
-        <button id="add-rooms" onClick={onClickCreate}>
-          +
-        </button>
+        <AddBtn handle={onClickCreate} />
       </div>
     </div>
   );