guise/data/
avatar.rs

1//! `Avatar` — a circular initials/placeholder badge.
2
3use gpui::prelude::*;
4use gpui::{div, px, App, FontWeight, IntoElement, SharedString, Window};
5
6use crate::devtools::Probed;
7use crate::style::{surface, Variant};
8use crate::theme::{theme, ColorName, Size};
9
10/// A user avatar showing initials.
11#[derive(IntoElement)]
12pub struct Avatar {
13    initials: SharedString,
14    color: ColorName,
15    variant: Variant,
16    size: Size,
17    /// `None` renders a full circle; `Some` sets a square corner radius.
18    radius: Option<Size>,
19}
20
21impl Avatar {
22    pub fn new(initials: impl Into<SharedString>) -> Self {
23        Avatar {
24            initials: initials.into(),
25            color: ColorName::Gray,
26            variant: Variant::Light,
27            size: Size::Md,
28            radius: None,
29        }
30    }
31
32    pub fn color(mut self, color: ColorName) -> Self {
33        self.color = color;
34        self
35    }
36
37    pub fn variant(mut self, variant: Variant) -> Self {
38        self.variant = variant;
39        self
40    }
41
42    pub fn size(mut self, size: Size) -> Self {
43        self.size = size;
44        self
45    }
46
47    pub fn radius(mut self, radius: Size) -> Self {
48        self.radius = Some(radius);
49        self
50    }
51}
52
53/// Avatar diameter (px) across the size scale. Shared with `AvatarGroup`.
54pub(crate) fn avatar_size(size: Size) -> f32 {
55    match size {
56        Size::Xs => 16.0,
57        Size::Sm => 26.0,
58        Size::Md => 38.0,
59        Size::Lg => 56.0,
60        Size::Xl => 84.0,
61    }
62}
63
64impl RenderOnce for Avatar {
65    fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
66        let t = theme(cx);
67        let s = surface(t, self.color, self.variant);
68        let dim = avatar_size(self.size);
69        let radius = match self.radius {
70            Some(r) => t.radius(r),
71            None => dim, // full circle
72        };
73
74        let mut el = div()
75            .w(px(dim))
76            .h(px(dim))
77            .flex()
78            .items_center()
79            .justify_center()
80            .rounded(px(radius))
81            .bg(s.bg)
82            .text_color(s.fg)
83            .text_size(px(dim * 0.4))
84            .font_weight(FontWeight::SEMIBOLD)
85            .child(self.initials);
86        if let Some(border) = s.border {
87            el = el.border_1().border_color(border);
88        }
89        el.probe("Avatar")
90            .attr("variant", self.variant.label())
91            .attr("size", self.size.label())
92    }
93}
guise/data/avatar.rs

guise/data/
avatar.rs
