leave room

srcs/requirements/svelte/api_front/src/pieces/chat/Layout_room_set.svelte

@@ -1,16 +1,23 @@
 <script>
 
 	import { layout, current_room_name } from './Store_chat';
-	import { get_room_users } from './Request_rooms';
+	import { get_room_users, user_leave_room } from './Request_rooms';
 	import Button from './Element_button.svelte';
 
 	export let back = "";
 
-	let users = get_room_users($current_room_name);
+	let users = get_room_users();
 
 	function user_profile()
 	{
-		console/log("got to user profile");
+		console/log("in user_profile");
+	}
+
+	function leave_room()
+	{
+		console.log("in leave_room");
+		user_leave_room();
+		layout.set("home");
 	}
 
 </script>
@@ -34,7 +41,7 @@
 
 	<!-- panel_room_set -->
 	<div class="panel panel_room_set __border_top">
-		<Button new_layout="create" my_class="create">
+		<Button on_click={leave_room}>
 			leave
 		</Button>
 		<p>room users :</p>

srcs/requirements/svelte/api_front/src/pieces/chat/Request_rooms.ts

@@ -90,7 +90,6 @@ export async function get_my_rooms()
 {
 	console.log("in get_my_rooms");
 
-	// ask api for the rooms
 	const response = await fetch('/api/v2/chat/myrooms');
 	const data = await response.json();
 
@@ -106,7 +105,6 @@ export async function get_all_rooms()
 {
 	console.log("in get_all_rooms");
 
-	// ask api for the rooms
 	const response = await fetch('/api/v2/chat/allrooms');
 	const data = await response.json();
 
@@ -122,7 +120,6 @@ export async function get_room_users()
 {
 	console.log("in get_room_users");
 
-	// ask api for the rooms
 	const response = await fetch('/api/v2/chat/roomusers');
 	const data = await response.json();
 
@@ -134,4 +131,16 @@ export async function get_room_users()
 	return users;
 }
 
+export async function user_leave_room()
+{
+	console.log("in leave_room");
+
+	const response = await fetch('/api/v2/chat/removeuser', {
+		method: 'DELETE',
+	});
+	const data = await response.json();
+
+	console.log("data", data);
+}
+