aljaz/notedeck
1
0
Fork 0
mirror of https://github.com/aljazceru/notedeck.git synced 2025-12-17 16:54:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

Wire thread panel to open on message click

Browse Source 
Complete the thread panel integration:

- Handle NoteAction::Note from ChatView to open thread panel
- Clicking a message bubble now opens the thread in the side panel
- Thread panel renders with full thread conversation
- Escape closes the thread panel (priority over other dialogs)
- Panel actions handled properly (Close button)

Flow:
1. User clicks message bubble in ChatView
2. ChatView returns NoteAction::Note with note ID
3. App intercepts action and opens thread panel
4. Thread panel slides in from right showing conversation
5. User can close with X button, Escape key, or clicking overlay

This completes the Slack-like UX where threads open in a side
panel rather than navigating to a new view, keeping context
of the main channel visible.
This commit is contained in:
Claude
2025-11-13 05:41:34 +00:00
parent a9ce1b06f9
commit 835b0ed751
1 changed files with 50 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
crates/notedeck_columns/src/app.rs
View File

@@ -26,7 +26,8 @@ use enostr::{ClientMessage, PoolRelay, Pubkey, RelayEvent, RelayMessage, RelayPo
use nostrdb::Transaction;
use notedeck::{
tr, ui::is_narrow, Accounts, AppAction, AppContext, AppResponse, DataPath, DataPathType,
FilterState, Images, JobsCache, Localization, NotedeckOptions, SettingsHandler, UnknownIds,
FilterState, Images, JobsCache, Localization, NoteAction, NotedeckOptions, SettingsHandler,
UnknownIds,
};
use notedeck_ui::{
media::{MediaViewer, MediaViewerFlags, MediaViewerState},
@@ -499,6 +500,47 @@ fn render_damus(damus: &mut Damus, app_ctx: &mut AppContext<'_>, ui: &mut egui::
}
}
// Show thread panel if open
if damus.thread_panel.is_open {
let mut note_context = notedeck::NoteContext {
ndb: app_ctx.ndb,
accounts: app_ctx.accounts,
img_cache: app_ctx.img_cache,
note_cache: app_ctx.note_cache,
zaps: app_ctx.zaps,
pool: app_ctx.pool,
job_pool: app_ctx.job_pool,
unknown_ids: app_ctx.unknown_ids,
clipboard: app_ctx.clipboard,
i18n: app_ctx.i18n,
global_wallet: app_ctx.global_wallet,
};
let (panel_action, note_action) = damus.thread_panel.show(
ui,
&mut damus.threads,
damus.note_options,
&mut note_context,
&mut damus.jobs,
0, // col index for thread panel
);
if let Some(action) = panel_action {
match action {
ui::ThreadPanelAction::Close => {
damus.thread_panel.close();
}
}
}
// Handle any note actions from the thread panel
// (e.g., opening another thread, replying, etc.)
if let Some(_note_action) = note_action {
// For now, we can ignore note actions within the thread panel
// In a full implementation, these would be handled by the action system
}
}
// We use this for keeping timestamps and things up to date
//ui.ctx().request_repaint_after(Duration::from_secs(5));
@@ -1106,7 +1148,13 @@ fn timelines_view(
0, // col index
);
let _chat_response = chat_view.ui(ui);
let chat_response = chat_view.ui(ui);
// Handle chat view actions (e.g., opening threads)
if let Some(Some(NoteAction::Note { note_id, .. })) = chat_response.output {
// Open thread panel instead of navigating
app.thread_panel.open(*note_id.bytes());
}
// vertical line
ui.painter()