Files
Ely-GPUI-Components/examples/gallery/pages/account/mod.rs
T
ZacharyZhang-NY 431aab594f Account · Billing and team: plans, quotas, cards, bills, prompts, members, invitations
SubscriptionCard shows a plan with its state, price and what comes
next, a way to change it, and Cancel after a second press or Keep plan
once canceled. UsageQuota gives each limit a meter and a line of how
much, or how far past. PaymentMethodForm tells a card's network from
its number, checks it with Luhn, and saves once the number checks out,
the month is ahead, the code is whole and a name is given; it rests
while the owner checks. BillingHistory lists bills with their state and
a download; UpgradePrompt stands as one line or as a paywall.
TeamMemberTable changes a member's role through RoleSelector and
removes after a second press, the owner staying; InvitationList
invites by a reading address with a role and resends or revokes.
2026-09-27 13:49:17 -04:00

60 lines
1.7 KiB
Rust

use gpui::{AnyElement, App, Window, div, prelude::*};
mod access;
mod billing;
mod sign_in;
use super::Page;
use crate::script::Step;
pub const PAGE: Page = Page {
number: 36,
slug: "account",
title: "Account",
summary: "Signing in and up, a link by email, a second factor, and the account once inside.",
render,
script: SCRIPT,
};
const SCRIPT: &[Step] = &[
Step::DownAt("account-login", 150.0, 280.0),
Step::UpAt("account-login", 150.0, 280.0),
Step::Type("ada@example.com"),
Step::Key("tab"),
Step::Type("hunter22"),
Step::Key("enter"),
Step::Wait(200),
Step::Shot("sign-in-failed"),
Step::DownAt("account-magic", 150.0, 150.0),
Step::UpAt("account-magic", 150.0, 150.0),
Step::Type("ada@example.com"),
Step::Key("enter"),
Step::Wait(200),
Step::Shot("link-sent"),
Step::DownAt("account-factor", 120.0, 110.0),
Step::UpAt("account-factor", 120.0, 110.0),
Step::Type("123456"),
Step::Wait(200),
Step::Shot("code-failed"),
Step::DownAt("account-user", 12.0, 12.0),
Step::UpAt("account-user", 12.0, 12.0),
Step::Wait(200),
Step::Shot("user-menu"),
Step::Key("escape"),
];
fn render(window: &mut Window, cx: &mut App) -> AnyElement {
div()
.child(sign_in::sign_in(window, cx))
.child(sign_in::sign_up(window, cx))
.child(sign_in::by_email(window, cx))
.child(sign_in::second_factor(window, cx))
.child(access::switchers(window, cx))
.child(access::profile(window, cx))
.child(access::security_page(window, cx))
.child(billing::plan(window, cx))
.child(billing::history(window, cx))
.child(billing::members(window, cx))
.into_any_element()
}