rooms have name

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

@@ -1,6 +1,6 @@
 <script>
 
-	import { layout, socket, msgs, add_msg } from './Store_chat';
+	import { layout, socket, msgs, add_msg, room_name } from './Store_chat';
 	import Button from './Element_button.svelte';
 	import Msg from './Element_msg.svelte';
 
@@ -42,7 +42,7 @@
 
 	<!-- room_name -->
 	<Button new_layout="room_set" my_class="room_name transparent">
-		&lt;room_name&gt;
+		{$room_name}
 	</Button>
 
 	<!-- close -->

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

@@ -1,4 +1,4 @@
-import { msgs, user, layout, socket } from './Store_chat';
+import { msgs, user, layout, socket, room_name } from './Store_chat';
 
 export async function get_room_messages()
 {
@@ -63,23 +63,24 @@ export async function join_room(room_name)
 	socket.emit('join', room_name);
 }
 
-export async function change_room(room_name)
+export async function change_room(name)
 {
 	console.log("in change_room");
 
-	let name = {
-		room_name: room_name,
+	let r_name = {
+		room_name: name,
 	}
 	const response = await fetch('/api/v2/chat/change', {
 		method: 'POST',
 		headers: { 'Content-Type': 'application/json' },
-		body: JSON.stringify(name),
+		body: JSON.stringify(r_name),
 	});
 	let data = await response.json();
 	console.log(data.message);
 
 	await get_room_messages();
 
+	room_name.set(name);
 	layout.set("room");
 }
 

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

@@ -2,6 +2,7 @@ import { writable } from 'svelte/store';
 
 export let msgs = writable([]);
 export let layout = writable("close");
+export let room_name = writable("");
 
 export let user;
 export let socket;