zippa-db 0.1.1

A fast, lightweight, cross-platform database client for PostgreSQL, MySQL, and SQLite.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

//! Loading indicators shared by every view that waits on the database.
//!
//! A spinner turns a bare "Loading…" line into something that visibly moves,
//! and the words stay beside it: motion is never the only cue that work is in
//! flight, the same rule colour follows elsewhere.

use gpui_kit::component::skeleton::Skeleton;
use gpui_kit::component::spinner::Spinner;
use gpui_kit::component::{ActiveTheme, Sizable, h_flex, v_flex};
use gpui_kit::prelude::*;
use gpui_kit::{App, Hsla, SharedString, div};

/// A small spinner in the muted foreground colour.
pub fn spinner(cx: &App) -> Spinner {
    Spinner::new().xsmall().color(cx.theme().muted_foreground)
}

/// A spinner followed by `text`, both in `color`.
pub fn busy_label(text: impl Into<SharedString>, color: Hsla) -> impl IntoElement {
    h_flex()
        .gap_1p5()
        .items_center()
        .text_color(color)
        .child(Spinner::new().xsmall().color(color))
        .child(div().child(text.into()))
}

/// `rows` grey bars of varied width standing in for a list that has not
/// arrived yet.
pub fn skeleton_rows(rows: usize) -> impl IntoElement {
    // Widths are fixed rather than random so a reload does not reshuffle them.
    const WIDTHS: [f32; 5] = [0.8, 0.6, 0.7, 0.5, 0.65];
    v_flex().gap_2().px_1().children((0..rows).map(|ix| {
        Skeleton::new()
            .h_3()
            .rounded_sm()
            .w(gpui_kit::relative(WIDTHS[ix % WIDTHS.len()]))
    }))
}