🎨 Isolate infra and ui components

The src/base.rs is still to be reworked.
2024-04-04 14:27:58 +02:00
parent 92bf860101
commit 0ce0764204
67 changed files with 64 additions and 59 deletions
--- a/src/ui/components/chats_window/conversation.rs
+++ b/src/ui/components/chats_window/conversation.rs
@@ -0,0 +1,87 @@
+use dioxus::prelude::*;
+use matrix_sdk::ruma::OwnedRoomId;
+use tracing::error;
+
+use super::edit_section::EditSection;
+use crate::base::{sync_messages, ROOMS};
+use crate::ui::components::avatar_selector::AvatarSelector;
+use crate::ui::components::icons::DownArrowIcon;
+
+turf::style_sheet!("src/ui/components/chats_window/conversation.scss");
+
+#[component]
+pub(super) fn Conversation(room_id: OwnedRoomId) -> Element {
+    error!("Conversation {} rendering", room_id);
+
+    let _sync_message_coro: Coroutine<()> =
+        use_coroutine(|_: UnboundedReceiver<_>| sync_messages(&ROOMS, room_id));
+
+
+    rsx! {
+        style { {STYLE_SHEET} },
+
+        div {
+            class: ClassName::CONVERSATION,
+            div {
+                class: ClassName::ROOM_EVENTS,
+                ul {
+                    li {
+                        class: ClassName::ROOM_EVENT,
+                        div {
+                            p {
+                                class: ClassName::TITLE,
+                                "MON POTE says:"
+                            },
+                            p {
+                                class: ClassName::CONTENT,
+                                "Coucou mon pote",
+                            },
+                        },
+                    },
+                },
+            },
+            div {
+                class: ClassName::OTHER_AVATAR_SELECTOR_CONTAINER,
+                div {
+                    class: ClassName::AVATAR_SELECTOR,
+                    AvatarSelector {},
+                },
+                div {
+                    class: ClassName::WEBCAM,
+                    img {
+                        src: "images/webcam.svg"
+                    },
+                },
+                div {
+                    class: ClassName::ARROW_ICON,
+                    DownArrowIcon {}
+                },
+            },
+            div {
+                class: ClassName::HOLDER,
+                "••••••"
+            },
+            div {
+                class: ClassName::EDIT_SECTION,
+                EditSection {},
+            },
+            div {
+                class: ClassName::MY_AVATAR_SELECTOR_CONTAINER,
+                div {
+                    class: ClassName::AVATAR_SELECTOR,
+                    AvatarSelector {},
+                },
+                div {
+                    class: ClassName::WEBCAM,
+                    img {
+                        src: "images/webcam.svg"
+                    },
+                },
+                div {
+                    class: ClassName::ARROW_ICON,
+                    DownArrowIcon {}
+                },
+            },
+        },
+    }
+}