Function Accounts

src/components/topbar.rs:115–220

()

#[tracing::instrument(level = "debug", skip())]
#[component]
pub fn Accounts() -> impl IntoView {
    let show_accounts_popover = RwSignal::new(false);
    let provider_store = expect_context::<Arc<ProviderStore>>();

    let statuses = provider_store.get_all_statuses();

    let modal_store = expect_context::<RwSignal<ModalStore>>();
    let show_login_modal = move |key: String, name: String, account_id: String, logged_in: bool| {
        if logged_in {
            modal_store.update(|m| m.set_active_modal(Modals::SignoutModal(key, name, account_id)))
        } else {
            modal_store.update(|m| m.set_active_modal(Modals::LoginModal(key, name, account_id)))
        }
    };

    let target = NodeRef::new();
    let _ = on_click_outside(target, move |_| {
        if show_accounts_popover.get_untracked() {
            show_accounts_popover.set(false);
        }
    });

    let i18n = use_i18n();
    view! {
        <div node_ref=target>
            <PersonIcon on:click=move |_| show_accounts_popover.set(!show_accounts_popover.get()) />

            {move || {
                if show_accounts_popover.get() {
                    view! {
                        <div class="accounts-popover custom-popover">
                            <div class="buttons">
                                {move || {
                                    let binding = statuses
                                        .get()
                                        .into_iter()
                                        .filter(|s| {
                                            s.scopes.contains(&ExtensionProviderScope::Accounts)
                                        });
                                    binding
                                        .map(|status| {
                                            let key = status.key.clone();
                                            let (title_out, title_in) = if status.logged_in {
                                                (
                                                    status.user_name.clone().unwrap_or_default(),
                                                    t_string!(i18n, accounts.sign_out).into(),
                                                )
                                            } else {
                                                (
                                                    t_string!(i18n, accounts.connect).into(),
                                                    status.name.clone(),
                                                )
                                            };
                                            let title = RwSignal::new(title_out.clone());
                                            view! {
                                                <div
                                                    class="button-bg d-flex ripple w-100"
                                                    on:mouseover=move |_| {