adam/cards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chatroom name

Browse source
This commit is contained in:
Adam 2024-07-29 00:53:42 -04:00
parent f5ee3357a5
commit a3fef2d069
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/chat.rs
View file

@ -14,6 +14,7 @@ pub fn Chat() -> impl IntoView {
// Chat stuff // Chat stuff
let (chat_history, set_chat_history) = create_signal::<Vec<String>>(vec![]); let (chat_history, set_chat_history) = create_signal::<Vec<String>>(vec![]);
let (users, set_users) = create_signal::<Vec<String>>(vec![]); let (users, set_users) = create_signal::<Vec<String>>(vec![]);
let (chat_name, set_chat_name) = create_signal::<String>("".to_string());
let chat_history_ref = create_node_ref::<Textarea>(); let chat_history_ref = create_node_ref::<Textarea>();
let chat_input_ref = create_node_ref::<Input>(); let chat_input_ref = create_node_ref::<Input>();
@ -56,6 +57,7 @@ pub fn Chat() -> impl IntoView {
chat_update_context.with(move |chat_update| { chat_update_context.with(move |chat_update| {
if let Some(update) = chat_update { if let Some(update) = chat_update {
set_users(update.users.clone()); set_users(update.users.clone());
set_chat_name(update.room.clone());
} }
}) })
}); });
@ -93,7 +95,7 @@ pub fn Chat() -> impl IntoView {
view! { view! {
<div class="p-1"> <div class="p-1">
<h2 class="text-2xl">Chat:</h2> <h2 class="text-2xl">Chat: {move || chat_name()}</h2>
<span class="flex"> <span class="flex">
<textarea <textarea
node_ref=chat_history_ref node_ref=chat_history_ref
@ -104,7 +106,7 @@ pub fn Chat() -> impl IntoView {
{move || chat_history.get()} {move || chat_history.get()}
</textarea> </textarea>
<ul> <ul>
<h2 class="text-2xl">Users:</h2> <h2 class="text-2xl">Users: {move || users().len()}</h2>
{move || users().into_iter().map(|n| view! { <li>{n}</li> }).collect_view()} {move || users().into_iter().map(|n| view! { <li>{n}</li> }).collect_view()}
</ul> </ul>
</span> </span>