admin widget , register user

src/components/widget/adminWidget.jsx

@@ -0,0 +1,64 @@
+import { useState } from "react";
+
+import { useHotel } from "../HotelContext";
+
+
+export default function AdminWidget() {
+
+    const [username, setUserName] = useState("");
+    const [password, setPassword] = useState("");
+    const [hotel_ids, setHotelIds] = useState([]);
+    const [display_name, setDisplayName] = useState("");
+    
+    const {
+        registerUser
+    } = useHotel()
+
+
+    const createUser = (username, password, hotel_ids, display_name) => {
+
+        registerUser(username, password, hotel_ids, display_name);
+
+    }
+
+
+    return(
+
+        <div className="adminWidget">
+            <input 
+            value={username}
+            onChange={e => setUserName(e.target.value)}
+            placeholder="NomDeCompte"
+            type="text" />
+
+            <input 
+            value={password}
+            onChange={e => setPassword(e.target.value)}
+            placeholder="Mot de Passe"
+            type="text" />
+
+            <input 
+            value={display_name}
+            onChange={e => setDisplayName(e.target.value)}
+            placeholder="Nome afficher"
+            type="text" />
+            
+            <input 
+            value={hotel_ids}
+            onChange={e => setHotelIds(e.target.value.split(",").map(Number))}
+            placeholder="hotels"
+            type="text" />
+
+            <button
+                onClick={() =>
+                    registerUser(username, password, hotel_ids, display_name)
+                }
+            >
+                Créer l'utilisateur
+            </button>
+        </div>
+
+    )
+
+
+}