✨ Add first static (no reactivity, static data) implementation of ChatsWindow

2023-08-20 20:04:09 +02:00
parent 3b89cd1769
commit ff95dcade8
13 changed files with 520 additions and 1 deletions
--- a/src/components/chats_window/edit_section.rs
+++ b/src/components/chats_window/edit_section.rs
@@ -0,0 +1,52 @@
+use dioxus::prelude::*;
+
+turf::style_sheet!("src/components/chats_window/edit_section.scss");
+
+pub fn EditSection(cx: Scope) -> Element {
+    cx.render(rsx! {
+        style { STYLE_SHEET },
+
+        div {
+            class: ClassName::INPUT_AREA,
+
+            div {
+                class: ClassName::BUTTONS,
+
+                button {
+                    "😀"
+                },
+
+                button {
+                    "😉"
+                },
+
+                button {
+                    "😴"
+                },
+
+                button {
+                    "🔊"
+                },
+            },
+
+            textarea {
+                class: ClassName::EDIT,
+                placeholder: "Type your message here...",
+            },
+
+            div {
+                class: ClassName::CMD_BUTTONS,
+
+                button {
+                    class: ClassName::SEND_BUTTON,
+
+                    "Send"
+                },
+
+                button {
+                    "🔎"
+                },
+            },
+        },
+    })
+}