feat: add /api/messages/images endpoint + ImageGrid fetch

Backend:
- New GET /api/messages/images?guildId=&limit= endpoint
- Queries attachments table for image/* MIME type, returns distinct messages
- Repository uses Drizzle subquery + join pattern

Frontend:
- New get_images() API client function
- ImageGrid fetches from /api/messages/images when Images tab selected
- Separate image_messages signal, fetched on tab switch

Deploy: hot-patched JS/WASM files to running containers
This commit is contained in:
asepharyana
2026-07-05 04:48:29 +07:00
parent e0d6077a65
commit c3b2b3f334
6 changed files with 124 additions and 3 deletions
@@ -41,6 +41,18 @@ pub async fn get_review_messages(
request("GET", &path, None).await
}
/// GET /api/messages/images?guildId=&limit=
pub async fn get_images(
guild_id: &str,
limit: Option<u32>,
) -> Result<PageResult<MessageRecord>, ApiError> {
let mut path = format!("/api/messages/images?guildId={}", guild_id);
if let Some(l) = limit {
path.push_str(&format!("&limit={}", l));
}
request("GET", &path, None).await
}
/// GET /api/messages/detail/{id}
pub async fn get_message_detail(id: &str) -> Result<Option<MessageRecord>, ApiError> {
request("GET", &format!("/api/messages/detail/{}", id), None).await
@@ -1,5 +1,5 @@
use leptos::prelude::*;
use shared_types::message::{AiStatus, MessageRecord};
use shared_types::message::{AiStatus, MessageRecord, PageResult};
use std::sync::Arc;
use wasm_bindgen_futures::spawn_local;
@@ -28,6 +28,7 @@ pub fn MessagesPanel() -> impl IntoView {
let (is_searching, set_is_searching) = signal(false);
let ai_filter = RwSignal::new("analyzed".to_string());
let view_tab = RwSignal::new(ViewTab::All);
let image_messages = RwSignal::new(Vec::<MessageRecord>::new());
let (retrying_all, set_retrying_all) = signal(false);
// Stats derived from filtered messages
@@ -171,6 +172,41 @@ pub fn MessagesPanel() -> impl IntoView {
}
});
// Fetch image messages when Images tab is selected
let fetch_images = {
move || {
spawn_local({
async move {
if let Some(config) = use_context::<crate::app::AppConfig>() {
if let Some(ref guild_id) = config.monitor_guild_id.get() {
match crate::api::messages::get_images(guild_id, Some(100)).await {
Ok(PageResult { data, .. }) => {
web_sys::console::log_2(
&"[images] fetch OK".into(),
&format!("count={}", data.len()).into(),
);
image_messages.set(data);
}
Err(e) => {
web_sys::console::log_2(
&"[images] fetch ERROR".into(),
&format!("{}", e).into(),
);
}
}
}
}
}
});
}
};
// Fetch images when tab changes to Images
Effect::new(move |_| {
if view_tab.get() == ViewTab::Images {
fetch_images();
}
});
// ─── View ────────────────────────────────────────────────
let get_stats = move || stats.get();
let (total, clean, flagged, error, pending, deleted, edited) = (
@@ -328,7 +364,7 @@ pub fn MessagesPanel() -> impl IntoView {
</div>
<div class="tab-content" style:display=move || if view_tab.get() == ViewTab::Images { "block" } else { "none" }>
{move || view! {
<ImageGrid messages=filtered_messages.get() />
<ImageGrid messages=image_messages.get() />
}}
</div>
</div>