Use SVG icons instead of emoji

2 files changed, 29 insertions, 3 deletions

diff --git a/src/components/mod.rs b/src/components/mod.rs
index e3cd604..9527972 100644
--- a/src/components/mod.rs
+++ b/src/components/mod.rs
@@ -226,11 +226,18 @@ pub fn HTPage<'a, Children: render::Render>(
                                         <>
                                             <a
                                                 href={"/notifications"}
-                                                class={if login.user.has_unread_notifications { "notification-indicator unread" } else { "notification-indicator" }}
                                             >
-                                                {"🔔︎"}
+                                                {
+                                                    if login.user.has_unread_notifications {
+                                                        hitide_icons::NOTIFICATIONS_SOME.img()
+                                                    } else {
+                                                        hitide_icons::NOTIFICATIONS.img()
+                                                    }
+                                                }
+                                            </a>
+                                            <a href={format!("/users/{}", login.user.id)}>
+                                                {hitide_icons::PERSON.img()}
                                             </a>
-                                            <a href={format!("/users/{}", login.user.id)}>{"👤︎"}</a>
                                         </>
                                     })
                                 } else {
@@ -501,3 +508,13 @@ impl<'a> render::Render for NotificationItem<'a> {
         write!(writer, "</li>")
     }
 }
+
+trait IconExt {
+    fn img(&self) -> render::SimpleElement<()>;
+}
+
+impl IconExt for hitide_icons::Icon {
+    fn img(&self) -> render::SimpleElement<()> {
+        render::rsx! { <img src={format!("/static/{}", self.path)} class={"icon"} /> }
+    }
+}
diff --git a/src/routes/static.rs b/src/routes/static.rs
index 60a0084..d319efe 100644
--- a/src/routes/static.rs
+++ b/src/routes/static.rs
@@ -1,3 +1,4 @@
+use hitide_icons::ICONS_MAP;
 use std::sync::Arc;
 
 const FILE_MAIN_CSS: &[u8] = include_bytes!("../../res/main.css");
@@ -20,6 +21,14 @@ async fn handler_static_get(
         );
 
         Ok(resp)
+    } else if let Some(icon) = ICONS_MAP.get(params.0.as_str()) {
+        let mut resp = hyper::Response::new(icon.content.into());
+        resp.headers_mut().insert(
+            hyper::header::CONTENT_TYPE,
+            hyper::header::HeaderValue::from_static("image/svg+xml"),
+        );
+
+        Ok(resp)
     } else {
         Err(crate::Error::RoutingError(trout::RoutingFailure::NotFound))
     }