From 0307cb8a88ea461f06d5c0a4482e952a35e733b1 Mon Sep 17 00:00:00 2001
From: Nathan Sobo <nathan@zed.dev>
Date: Tue, 5 Sep 2023 10:02:36 -0600
Subject: [PATCH] Start sketching a collab panel in storybook

Co-Authored-By: Nate Butler <nate@zed.dev>
---
 crates/gpui2/src/style.rs                    | 40 ++++++++++++++++++++
 crates/gpui2_macros/src/styleable_helpers.rs |  5 +++
 crates/storybook/src/collab_panel.rs         | 34 +++++++++++++++++
 crates/storybook/src/storybook.rs            |  7 ++--
 4 files changed, 83 insertions(+), 3 deletions(-)
 create mode 100644 crates/storybook/src/collab_panel.rs

diff --git a/crates/gpui2/src/style.rs b/crates/gpui2/src/style.rs
index 704147d3f2464e1f414bb43ce8fa498121d16982..1b7e0e2460ad17296b8efc57d00daf01c370d0ed 100644
--- a/crates/gpui2/src/style.rs
+++ b/crates/gpui2/src/style.rs
@@ -359,6 +359,46 @@ pub trait StyleHelpers: Styleable<Style = Style> {
         self
     }
 
+    fn justify_between(mut self) -> Self
+    where
+        Self: Sized,
+    {
+        self.declared_style().justify_content = Some(JustifyContent::SpaceBetween);
+        self
+    }
+
+    fn justify_center(mut self) -> Self
+    where
+        Self: Sized,
+    {
+        self.declared_style().justify_content = Some(JustifyContent::Center);
+        self
+    }
+
+    fn justify_start(mut self) -> Self
+    where
+        Self: Sized,
+    {
+        self.declared_style().justify_content = Some(JustifyContent::Start);
+        self
+    }
+
+    fn justify_end(mut self) -> Self
+    where
+        Self: Sized,
+    {
+        self.declared_style().justify_content = Some(JustifyContent::End);
+        self
+    }
+
+    fn justify_around(mut self) -> Self
+    where
+        Self: Sized,
+    {
+        self.declared_style().justify_content = Some(JustifyContent::SpaceAround);
+        self
+    }
+
     fn fill<F>(mut self, fill: F) -> Self
     where
         F: Into<Fill>,
diff --git a/crates/gpui2_macros/src/styleable_helpers.rs b/crates/gpui2_macros/src/styleable_helpers.rs
index 9b1a4b714a44be50ba07dae3b0c21e56faf892ef..c7942c7da3e57b80dcd7c5297036667f89196266 100644
--- a/crates/gpui2_macros/src/styleable_helpers.rs
+++ b/crates/gpui2_macros/src/styleable_helpers.rs
@@ -138,6 +138,11 @@ fn tailwind_prefixes() -> Vec<(&'static str, bool, Vec<TokenStream2>)> {
             false,
             vec![quote! { padding.left }, quote! { padding.right }],
         ),
+        (
+            "py",
+            false,
+            vec![quote! { padding.top }, quote! { padding.bottom }],
+        ),
         ("pl", false, vec![quote! { padding.left }]),
         ("pr", false, vec![quote! { padding.right }]),
         ("top", true, vec![quote! { inset.top }]),
diff --git a/crates/storybook/src/collab_panel.rs b/crates/storybook/src/collab_panel.rs
new file mode 100644
index 0000000000000000000000000000000000000000..714d52dc2d36ec16df92604808ece25041796f0a
--- /dev/null
+++ b/crates/storybook/src/collab_panel.rs
@@ -0,0 +1,34 @@
+use crate::theme::theme;
+use gpui2::{elements::div, style::StyleHelpers, Element, IntoElement, ParentElement, ViewContext};
+use std::marker::PhantomData;
+
+#[derive(Element)]
+pub struct CollabPanelElement<V: 'static> {
+    view_type: PhantomData<V>,
+}
+
+pub fn collab_panel<V: 'static>() -> CollabPanelElement<V> {
+    CollabPanelElement {
+        view_type: PhantomData,
+    }
+}
+
+impl<V: 'static> CollabPanelElement<V> {
+    fn render(&mut self, _: &mut V, cx: &mut ViewContext<V>) -> impl IntoElement<V> {
+        let theme = theme(cx);
+
+        div()
+            .full()
+            .text_color(theme.middle.variant.default.foreground)
+            .fill(theme.middle.base.default.background)
+            .py_2()
+            .child(
+                div()
+                    .px_2()
+                    .flex()
+                    .justify_between()
+                    .child("#CRDB")
+                    .child("V"),
+            )
+    }
+}
diff --git a/crates/storybook/src/storybook.rs b/crates/storybook/src/storybook.rs
index d1b97ec9f19290b2629df7628a74cf6dceb6bb47..fed8d2cbdc8f0cccc9da624ad373b547c7a35d0f 100644
--- a/crates/storybook/src/storybook.rs
+++ b/crates/storybook/src/storybook.rs
@@ -1,14 +1,15 @@
 #![allow(dead_code, unused_variables)]
 use crate::theme::Theme;
 use ::theme as legacy_theme;
+use collab_panel::collab_panel;
 use element_ext::ElementExt;
 use gpui2::{serde_json, vec2f, view, Element, RectF, ViewContext, WindowBounds};
 use legacy_theme::ThemeSettings;
 use log::LevelFilter;
 use settings::{default_settings, SettingsStore};
 use simplelog::SimpleLogger;
-use workspace::workspace;
 
+mod collab_panel;
 mod components;
 mod element_ext;
 mod theme;
@@ -27,7 +28,7 @@ fn main() {
 
         cx.add_window(
             gpui2::WindowOptions {
-                bounds: WindowBounds::Fixed(RectF::new(vec2f(0., 0.), vec2f(400., 300.))),
+                bounds: WindowBounds::Fixed(RectF::new(vec2f(0., 0.), vec2f(260., 800.))),
                 center: true,
                 ..Default::default()
             },
@@ -38,7 +39,7 @@ fn main() {
 }
 
 fn storybook<V: 'static>(cx: &mut ViewContext<V>) -> impl Element<V> {
-    workspace().themed(current_theme(cx))
+    collab_panel().themed(current_theme(cx))
 }
 
 // Nathan: During the transition, we will include the base theme on the legacy Theme struct.