feat: screening (#96)

* .

* .

* refactor

* .

* screening

* add report user function

* add danger and warning styles

* update deps

* update

* fix line height

* .

crates/ui/src/button.rs

@@ -36,6 +36,21 @@ pub trait ButtonVariants: Sized {
         self.with_variant(ButtonVariant::Secondary)
     }
 
+    /// With the danger style for the Button.
+    fn danger(self) -> Self {
+        self.with_variant(ButtonVariant::Danger)
+    }
+
+    /// With the danger alternate style for the Button.
+    fn danger_alt(self) -> Self {
+        self.with_variant(ButtonVariant::DangerAlt)
+    }
+
+    /// With the warning style for the Button.
+    fn warning(self) -> Self {
+        self.with_variant(ButtonVariant::Warning)
+    }
+
     /// With the ghost style for the Button.
     fn ghost(self) -> Self {
         self.with_variant(ButtonVariant::Ghost)
@@ -88,6 +103,9 @@ impl ButtonCustomVariant {
 pub enum ButtonVariant {
     Primary,
     Secondary,
+    Danger,
+    DangerAlt,
+    Warning,
     Ghost,
     Transparent,
     Custom(ButtonCustomVariant),
@@ -394,11 +412,19 @@ struct ButtonVariantStyle {
 }
 
 impl ButtonVariant {
+    fn normal(&self, window: &Window, cx: &App) -> ButtonVariantStyle {
+        let bg = self.bg_color(window, cx);
+        let fg = self.text_color(window, cx);
+
+        ButtonVariantStyle { bg, fg }
+    }
+
     fn bg_color(&self, _window: &Window, cx: &App) -> Hsla {
         match self {
             ButtonVariant::Primary => cx.theme().element_background,
             ButtonVariant::Secondary => cx.theme().elevated_surface_background,
-            ButtonVariant::Transparent => gpui::transparent_black(),
+            ButtonVariant::Danger => cx.theme().danger_background,
+            ButtonVariant::Warning => cx.theme().warning_background,
             ButtonVariant::Custom(colors) => colors.color,
             _ => cx.theme().ghost_element_background,
         }
@@ -408,23 +434,22 @@ impl ButtonVariant {
         match self {
             ButtonVariant::Primary => cx.theme().element_foreground,
             ButtonVariant::Secondary => cx.theme().text_muted,
+            ButtonVariant::Danger => cx.theme().danger_foreground,
+            ButtonVariant::DangerAlt => cx.theme().danger_background,
+            ButtonVariant::Warning => cx.theme().warning_foreground,
             ButtonVariant::Transparent => cx.theme().text_placeholder,
             ButtonVariant::Ghost => cx.theme().text_muted,
             ButtonVariant::Custom(colors) => colors.foreground,
         }
     }
 
-    fn normal(&self, window: &Window, cx: &App) -> ButtonVariantStyle {
-        let bg = self.bg_color(window, cx);
-        let fg = self.text_color(window, cx);
-
-        ButtonVariantStyle { bg, fg }
-    }
-
     fn hovered(&self, window: &Window, cx: &App) -> ButtonVariantStyle {
         let bg = match self {
             ButtonVariant::Primary => cx.theme().element_hover,
             ButtonVariant::Secondary => cx.theme().secondary_hover,
+            ButtonVariant::Danger => cx.theme().danger_hover,
+            ButtonVariant::DangerAlt => gpui::transparent_black(),
+            ButtonVariant::Warning => cx.theme().warning_hover,
             ButtonVariant::Ghost => cx.theme().ghost_element_hover,
             ButtonVariant::Transparent => gpui::transparent_black(),
             ButtonVariant::Custom(colors) => colors.hover,
@@ -444,6 +469,9 @@ impl ButtonVariant {
         let bg = match self {
             ButtonVariant::Primary => cx.theme().element_active,
             ButtonVariant::Secondary => cx.theme().secondary_active,
+            ButtonVariant::Danger => cx.theme().danger_active,
+            ButtonVariant::DangerAlt => gpui::transparent_black(),
+            ButtonVariant::Warning => cx.theme().warning_active,
             ButtonVariant::Ghost => cx.theme().ghost_element_active,
             ButtonVariant::Transparent => gpui::transparent_black(),
             ButtonVariant::Custom(colors) => colors.active,
@@ -462,6 +490,9 @@ impl ButtonVariant {
         let bg = match self {
             ButtonVariant::Primary => cx.theme().element_selected,
             ButtonVariant::Secondary => cx.theme().secondary_selected,
+            ButtonVariant::Danger => cx.theme().danger_selected,
+            ButtonVariant::DangerAlt => gpui::transparent_black(),
+            ButtonVariant::Warning => cx.theme().warning_selected,
             ButtonVariant::Ghost => cx.theme().ghost_element_selected,
             ButtonVariant::Transparent => gpui::transparent_black(),
             ButtonVariant::Custom(colors) => colors.active,