1 files changed, 57 insertions, 0 deletions
diff --git a/src/components/icon.rs b/src/components/icon.rs
new file mode 100644
index 0000000..7eaa52f
--- /dev/null
+++ b/src/components/icon.rs
@@ -0,0 +1,57 @@
+use leptos::prelude::*;
+use filamento::{chat::Delivery, presence::Show};
+
+use crate::icon::Icon;
+
+// TODO: rename
+#[component]
+pub fn IconComponent(icon: Icon) -> impl IntoView {
+    view! {
+        <img class:light=icon.light() class:icon=true style=move || format!("height: {}px; width: {}px", icon.size(), icon.size()) src=move || icon.src() />
+    }
+}
+
+pub fn show_to_icon(show: Show) -> Icon {
+    match show {
+        Show::Away => Icon::Away16Color,
+        Show::Chat => Icon::Chat16Color,
+        Show::DoNotDisturb => Icon::Dnd16Color,
+        Show::ExtendedAway => Icon::Xa16Color,
+    }
+}
+
+#[component]
+pub fn Delivery(delivery: Delivery) -> impl IntoView {
+    match delivery {
+        // TODO: proper icon coloring/theming
+        Delivery::Sending => {
+            view! { <IconComponent class:visible=true class:light=true icon=Icon::Sending16 /> }
+                .into_any()
+        }
+        Delivery::Written => {
+            view! { <IconComponent class:light=true icon=Icon::Sent16 /> }.into_any()
+        }
+        // TODO: message receipts
+        // Delivery::Written => view! {}.into_any(),
+        Delivery::Sent => view! { <IconComponent class:light=true icon=Icon::Sent16 /> }.into_any(),
+        Delivery::Delivered => {
+            view! { <IconComponent class:light=true icon=Icon::Delivered16 /> }.into_any()
+        }
+        // TODO: check if there is also the icon class
+        Delivery::Read => {
+            view! { <IconComponent class:light=true class:read=true icon=Icon::Delivered16 /> }
+                .into_any()
+        }
+        Delivery::Failed => {
+            view! { <IconComponent class:visible=true class:light=true icon=Icon::Error16Color /> }
+                .into_any()
+        }
+        // TODO: queued icon
+        Delivery::Queued => {
+            view! { <IconComponent class:visible=true class:light=true icon=Icon::Sending16 /> }
+                .into_any()
+        }
+    }
+}
+
+