wip: refactor
This commit is contained in:
87
crates/app/src/views/account.rs
Normal file
87
crates/app/src/views/account.rs
Normal file
@@ -0,0 +1,87 @@
|
||||
use coop_ui::{
|
||||
button::{Button, ButtonVariants},
|
||||
Icon, IconName, Sizable,
|
||||
};
|
||||
use gpui::*;
|
||||
use nostr_sdk::prelude::*;
|
||||
use prelude::FluentBuilder;
|
||||
|
||||
use crate::{
|
||||
constants::IMAGE_SERVICE,
|
||||
get_client,
|
||||
states::{metadata::MetadataRegistry, signal::SignalRegistry},
|
||||
};
|
||||
|
||||
pub struct Account {
|
||||
public_key: PublicKey,
|
||||
metadata: Model<Option<Metadata>>,
|
||||
}
|
||||
|
||||
impl Account {
|
||||
pub fn new(public_key: PublicKey, cx: &mut ViewContext<'_, Self>) -> Self {
|
||||
let metadata = cx.new_model(|_| None);
|
||||
|
||||
// Request metadata
|
||||
_ = cx.global::<SignalRegistry>().tx.send(public_key);
|
||||
|
||||
// Reload when received metadata
|
||||
cx.observe_global::<MetadataRegistry>(|chat, cx| {
|
||||
chat.load_metadata(cx);
|
||||
})
|
||||
.detach();
|
||||
|
||||
Self {
|
||||
public_key,
|
||||
metadata,
|
||||
}
|
||||
}
|
||||
|
||||
pub fn load_metadata(&mut self, cx: &mut ViewContext<Self>) {
|
||||
let public_key = self.public_key;
|
||||
let async_metadata = self.metadata.clone();
|
||||
let mut async_cx = cx.to_async();
|
||||
|
||||
cx.foreground_executor()
|
||||
.spawn(async move {
|
||||
let client = get_client();
|
||||
let query = async_cx
|
||||
.background_executor()
|
||||
.spawn(async move { client.database().metadata(public_key).await })
|
||||
.await;
|
||||
|
||||
if let Ok(metadata) = query {
|
||||
_ = async_cx.update_model(&async_metadata, |a, b| {
|
||||
*a = metadata;
|
||||
b.notify();
|
||||
});
|
||||
};
|
||||
})
|
||||
.detach();
|
||||
}
|
||||
}
|
||||
|
||||
impl Render for Account {
|
||||
fn render(&mut self, cx: &mut ViewContext<Self>) -> impl IntoElement {
|
||||
Button::new("account")
|
||||
.small()
|
||||
.compact()
|
||||
.reverse()
|
||||
.ghost()
|
||||
.icon(Icon::new(IconName::ChevronDownSmall))
|
||||
.when_some(self.metadata.read(cx).as_ref(), |this, metadata| {
|
||||
this.map(|this| {
|
||||
if let Some(picture) = metadata.picture.clone() {
|
||||
this.flex_shrink_0().child(
|
||||
img(format!("{}/?url={}&w=72&h=72&n=-1", IMAGE_SERVICE, picture))
|
||||
.size_5()
|
||||
.rounded_full()
|
||||
.object_fit(ObjectFit::Cover),
|
||||
)
|
||||
} else {
|
||||
this.flex_shrink_0()
|
||||
.child(img("brand/avatar.png").size_6().rounded_full())
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -1,8 +1,8 @@
|
||||
use coop_ui::{
|
||||
button::{Button, ButtonVariants},
|
||||
button::{Button, ButtonCustomVariant, ButtonRounded, ButtonVariants},
|
||||
dock::{DockArea, DockItem, DockPlacement},
|
||||
theme::{ActiveTheme, Theme, ThemeMode},
|
||||
IconName, Root, Sizable, TitleBar,
|
||||
ContextModal, IconName, Root, Sizable, TitleBar,
|
||||
};
|
||||
use gpui::*;
|
||||
use prelude::FluentBuilder;
|
||||
@@ -10,6 +10,7 @@ use serde::Deserialize;
|
||||
use std::sync::Arc;
|
||||
|
||||
use super::{
|
||||
account::Account,
|
||||
dock::{chat::ChatPanel, left_dock::LeftDock, welcome::WelcomePanel},
|
||||
onboarding::Onboarding,
|
||||
};
|
||||
@@ -34,6 +35,7 @@ pub const DOCK_AREA: DockAreaTab = DockAreaTab {
|
||||
};
|
||||
|
||||
pub struct AppView {
|
||||
account: Model<Option<View<Account>>>,
|
||||
onboarding: View<Onboarding>,
|
||||
dock: View<DockArea>,
|
||||
}
|
||||
@@ -46,21 +48,36 @@ impl AppView {
|
||||
})
|
||||
.detach();
|
||||
|
||||
// Account
|
||||
let account = cx.new_model(|_| None);
|
||||
let async_account = account.clone();
|
||||
|
||||
// Onboarding
|
||||
let onboarding = cx.new_view(Onboarding::new);
|
||||
|
||||
// Dock
|
||||
let dock = cx.new_view(|cx| DockArea::new(DOCK_AREA.id, Some(DOCK_AREA.version), cx));
|
||||
|
||||
cx.observe_global::<AccountRegistry>(|view, cx| {
|
||||
if cx.global::<AccountRegistry>().is_user_logged_in() {
|
||||
// TODO: save dock state and load previous state on startup
|
||||
cx.observe_global::<AccountRegistry>(move |view, cx| {
|
||||
if let Some(public_key) = cx.global::<AccountRegistry>().get() {
|
||||
Self::init_layout(view.dock.downgrade(), cx);
|
||||
// TODO: save dock state and load previous state on startup
|
||||
|
||||
let view = cx.new_view(|cx| Account::new(public_key, cx));
|
||||
|
||||
cx.update_model(&async_account, |model, cx| {
|
||||
*model = Some(view);
|
||||
cx.notify();
|
||||
});
|
||||
}
|
||||
})
|
||||
.detach();
|
||||
|
||||
AppView { onboarding, dock }
|
||||
AppView {
|
||||
account,
|
||||
onboarding,
|
||||
dock,
|
||||
}
|
||||
}
|
||||
|
||||
fn change_theme_mode(&mut self, _: &ClickEvent, cx: &mut ViewContext<Self>) {
|
||||
@@ -125,18 +142,45 @@ impl Render for AppView {
|
||||
let modal_layer = Root::render_modal_layer(cx);
|
||||
let notification_layer = Root::render_notification_layer(cx);
|
||||
|
||||
let mut content = div();
|
||||
let mut content = div().size_full().flex().flex_col();
|
||||
|
||||
if cx.global::<AccountRegistry>().is_user_logged_in() {
|
||||
content = content
|
||||
.on_action(cx.listener(Self::on_action_add_panel))
|
||||
.size_full()
|
||||
.flex()
|
||||
.flex_col()
|
||||
.child(
|
||||
TitleBar::new()
|
||||
// Left side
|
||||
.child(div())
|
||||
.child(
|
||||
div()
|
||||
.flex()
|
||||
.items_center()
|
||||
.gap_2()
|
||||
.child(
|
||||
div().when_some(
|
||||
self.account.read(cx).as_ref(),
|
||||
|this, account| this.child(account.clone()),
|
||||
),
|
||||
)
|
||||
.child(
|
||||
Button::new("new")
|
||||
.custom(
|
||||
ButtonCustomVariant::new(cx)
|
||||
.shadow(false)
|
||||
.color(cx.theme().primary)
|
||||
.border(cx.theme().primary)
|
||||
.foreground(cx.theme().primary_foreground)
|
||||
.active(cx.theme().primary_active)
|
||||
.hover(cx.theme().primary_hover),
|
||||
)
|
||||
.xsmall()
|
||||
.rounded(ButtonRounded::Size(px(24.)))
|
||||
.label("Compose")
|
||||
.on_click(move |_, cx| {
|
||||
cx.open_modal(move |modal, _| {
|
||||
modal.title("Compose").child("TODO").min_h(px(300.))
|
||||
});
|
||||
}),
|
||||
),
|
||||
)
|
||||
// Right side
|
||||
.child(
|
||||
div()
|
||||
@@ -161,8 +205,11 @@ impl Render for AppView {
|
||||
),
|
||||
)
|
||||
.child(self.dock.clone())
|
||||
.on_action(cx.listener(Self::on_action_add_panel))
|
||||
} else {
|
||||
content = content.size_full().child(self.onboarding.clone())
|
||||
content = content
|
||||
.child(TitleBar::new())
|
||||
.child(self.onboarding.clone())
|
||||
}
|
||||
|
||||
div()
|
||||
|
||||
@@ -96,13 +96,10 @@ impl Render for InboxItem {
|
||||
.map(|this| {
|
||||
if let Some(picture) = metadata.picture.clone() {
|
||||
this.flex_shrink_0().child(
|
||||
img(format!(
|
||||
"{}/?url={}&w=100&h=100&n=-1",
|
||||
IMAGE_SERVICE, picture
|
||||
))
|
||||
.size_6()
|
||||
.rounded_full()
|
||||
.object_fit(ObjectFit::Cover),
|
||||
img(format!("{}/?url={}&w=72&h=72&n=-1", IMAGE_SERVICE, picture))
|
||||
.size_6()
|
||||
.rounded_full()
|
||||
.object_fit(ObjectFit::Cover),
|
||||
)
|
||||
} else {
|
||||
this.flex_shrink_0()
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
pub mod account;
|
||||
pub mod app;
|
||||
pub mod dock;
|
||||
pub mod onboarding;
|
||||
|
||||
Reference in New Issue
Block a user