basic conv display + fetch messages fnc

src/components/widget/roomWidget.jsx

@@ -19,50 +19,50 @@ export default function RoomWidget({ roomlist }) {
 }
 
 function RoomCard({ number, status ,id}) {
-const { updateRoomStatus } = useHotel();
-const [editing, setEditing] = useState(false);
-const [value, SetValue] = useState(status);
-
+  
+  const { updateRoomStatus } = useHotel();
+  const [editing, setEditing] = useState(false);
+  const [value, SetValue] = useState(status);
 
   function submit() {
     updateRoomStatus(id,value);
     setEditing(false);
   }
 
-        return (
-            <div className="card">
-            <h3>Room {number}</h3>
-            <h4>Id {id}</h4>
+  return (
+      <div className="card">
+      <h3>Room {number}</h3>
+      <h4>Id {id}</h4>
 
-            {!editing ?(
-              <p onClick={() => setEditing(true)} style={{ cursor: "pointer" }}>
-                Status: {status}
-              </p>
-            ): (
-              <div>
-                <input
-                type="text"
-                value={value}
-                autoFocus
-                onChange={e => SetValue(e.target.value)}
-                onKeyDown={e => e.key === "Enter" && submit()}
-                />
-              </div>
-            )}
+      {!editing ?(
+        <p onClick={() => setEditing(true)} style={{ cursor: "pointer" }}>
+          Status: {status}
+        </p>
+      ): (
+        <div>
+          <input
+          type="text"
+          value={value}
+          autoFocus
+          onChange={e => SetValue(e.target.value)}
+          onKeyDown={e => e.key === "Enter" && submit()}
+          />
+        </div>
+      )}
 
 
-            <div className="actions">
-              <button onClick={() => updateRoomStatus(id, "clean")}>
-                Mark Clean
-              </button>
+      <div className="actions">
+        <button onClick={() => updateRoomStatus(id, "clean")}>
+          Mark Clean
+        </button>
 
-              <button onClick={() => updateRoomStatus(id, "dirty")}>
-                Mark Dirty
-              </button>
-            </div>
+        <button onClick={() => updateRoomStatus(id, "dirty")}>
+          Mark Dirty
+        </button>
+      </div>
 
-            </div>
-        );
+      </div>
+  );
 }
 
 //export default roomWidget