Hide the chat message editor when there is no active chat (#7441)

Marshall Bowers created 2 years ago

This PR makes it so the chat message editor is hidden when not in an
active chat.

Release Notes:

- Changed the chat message editor to be hidden when not in an active
chat.

Change summary

crates/collab_ui/src/chat_panel.rs | 41 +++++++++++++++++--------------
1 file changed, 22 insertions(+), 19 deletions(-)

Detailed changes

crates/collab_ui/src/chat_panel.rs

@@ -589,25 +589,28 @@ impl Render for ChatPanel {
                     )
                 }
             }))
-            .child(
-                h_flex()
-                    .when(!self.is_scrolled_to_bottom, |el| {
-                        el.border_t_1().border_color(cx.theme().colors().border)
-                    })
-                    .p_2()
-                    .map(|el| {
-                        if self.active_chat.is_some() {
-                            el.child(self.message_editor.clone())
-                        } else {
-                            el.child(
-                                div()
-                                    .rounded_md()
-                                    .h_6()
-                                    .w_full()
-                                    .bg(cx.theme().colors().editor_background),
-                            )
-                        }
-                    }),
+            .children(
+                Some(
+                    h_flex()
+                        .when(!self.is_scrolled_to_bottom, |el| {
+                            el.border_t_1().border_color(cx.theme().colors().border)
+                        })
+                        .p_2()
+                        .map(|el| {
+                            if self.active_chat.is_some() {
+                                el.child(self.message_editor.clone())
+                            } else {
+                                el.child(
+                                    div()
+                                        .rounded_md()
+                                        .h_6()
+                                        .w_full()
+                                        .bg(cx.theme().colors().editor_background),
+                                )
+                            }
+                        }),
+                )
+                .filter(|_| self.active_chat.is_some()),
             )
             .into_any()
     }