wip: sidebar

2024-11-23 14:43:16 +07:00
parent f448508b31
commit 17e7766401
10 changed files with 103 additions and 10 deletions
--- a/crates/ui/src/views/chat_space/navigation.rs
+++ b/crates/ui/src/views/chat_space/navigation.rs
@@ -0,0 +1,83 @@
+use components::{theme::ActiveTheme, Icon, IconName};
+use gpui::*;
+
+#[derive(IntoElement)]
+struct NavItem {
+    text: SharedString,
+    icon: Icon,
+}
+
+impl NavItem {
+    pub fn new(text: SharedString, icon: Icon) -> Self {
+        Self { text, icon }
+    }
+}
+
+impl RenderOnce for NavItem {
+    fn render(self, cx: &mut WindowContext) -> impl IntoElement {
+        div()
+            .hover(|this| this.bg(cx.theme().background))
+            .rounded_md()
+            .flex()
+            .items_center()
+            .h_7()
+            .px_2()
+            .gap_2()
+            .child(self.icon)
+            .child(div().pt(px(2.)).child(self.text))
+    }
+}
+
+pub struct Navigation {}
+
+impl Navigation {
+    pub fn new(cx: &mut ViewContext<'_, Self>) -> Self {
+        Self {}
+    }
+}
+
+impl Render for Navigation {
+    fn render(&mut self, cx: &mut ViewContext<Self>) -> impl IntoElement {
+        div().flex_1().w_full().px_2().child(div().h_11()).child(
+            div().flex().flex_col().gap_4().child(
+                div()
+                    .flex()
+                    .flex_col()
+                    .gap_1()
+                    .text_sm()
+                    .child(NavItem::new(
+                        "Find".into(),
+                        Icon::new(IconName::Search)
+                            .path("icons/search.svg")
+                            .size_4()
+                            .flex_shrink_0()
+                            .text_color(cx.theme().foreground),
+                    ))
+                    .child(NavItem::new(
+                        "Messages".into(),
+                        Icon::new(IconName::Search)
+                            .path("icons/messages.svg")
+                            .size_4()
+                            .flex_shrink_0()
+                            .text_color(cx.theme().foreground),
+                    ))
+                    .child(NavItem::new(
+                        "Notifications".into(),
+                        Icon::new(IconName::Search)
+                            .path("icons/notifications.svg")
+                            .size_4()
+                            .flex_shrink_0()
+                            .text_color(cx.theme().foreground),
+                    ))
+                    .child(NavItem::new(
+                        "explore".into(),
+                        Icon::new(IconName::Search)
+                            .path("icons/explore.svg")
+                            .size_4()
+                            .flex_shrink_0()
+                            .text_color(cx.theme().foreground),
+                    )),
+            ),
+        )
+    }
+}