Sharang Parnerkar
d814e22f9d
Add a compile-time i18n system with 270 translation keys across 5 locales (EN, DE, FR, ES, PT). Translations are embedded via include_str! and parsed lazily into flat HashMaps with English fallback for missing keys. - Add src/i18n module with Locale enum, t()/tw() lookup functions, and tests - Add JSON translation files for all 5 locales under assets/i18n/ - Provide locale Signal via Dioxus context in App, persisted to localStorage - Replace all hardcoded UI strings across 33 component/page files - Add compact locale picker (globe icon + ISO alpha-2 code) in sidebar header - Add click-outside backdrop dismissal for locale dropdown Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: Sharang Parnerkar <parnerkarsharang@gmail.com> Reviewed-on: #12
70 lines
2.5 KiB
Rust
70 lines
2.5 KiB
Rust
use crate::i18n::{t, Locale};
|
|
use dioxus::prelude::*;
|
|
use dioxus_free_icons::icons::fa_solid_icons::{FaCopy, FaPenToSquare, FaShareNodes};
|
|
|
|
/// Action bar displayed above the chat input with copy, share, and edit buttons.
|
|
///
|
|
/// Only visible when there is at least one message in the conversation.
|
|
///
|
|
/// # Arguments
|
|
///
|
|
/// * `on_copy` - Copies the last assistant response to the clipboard
|
|
/// * `on_share` - Copies the full conversation as text to the clipboard
|
|
/// * `on_edit` - Places the last user message back in the input for editing
|
|
/// * `has_messages` - Whether any messages exist (hides the bar when empty)
|
|
/// * `has_assistant_message` - Whether an assistant message exists (disables copy if not)
|
|
/// * `has_user_message` - Whether a user message exists (disables edit if not)
|
|
#[component]
|
|
pub fn ChatActionBar(
|
|
on_copy: EventHandler<()>,
|
|
on_share: EventHandler<()>,
|
|
on_edit: EventHandler<()>,
|
|
has_messages: bool,
|
|
has_assistant_message: bool,
|
|
has_user_message: bool,
|
|
) -> Element {
|
|
let locale = use_context::<Signal<Locale>>();
|
|
let l = *locale.read();
|
|
|
|
if !has_messages {
|
|
return rsx! {};
|
|
}
|
|
|
|
rsx! {
|
|
div { class: "chat-action-bar",
|
|
button {
|
|
class: "chat-action-btn",
|
|
disabled: !has_assistant_message,
|
|
title: "{t(l, \"chat.copy_response\")}",
|
|
onclick: move |_| on_copy.call(()),
|
|
dioxus_free_icons::Icon {
|
|
icon: FaCopy,
|
|
width: 14, height: 14,
|
|
}
|
|
span { class: "chat-action-label", "{t(l, \"common.copy\")}" }
|
|
}
|
|
button {
|
|
class: "chat-action-btn",
|
|
title: "{t(l, \"chat.copy_conversation\")}",
|
|
onclick: move |_| on_share.call(()),
|
|
dioxus_free_icons::Icon {
|
|
icon: FaShareNodes,
|
|
width: 14, height: 14,
|
|
}
|
|
span { class: "chat-action-label", "{t(l, \"common.share\")}" }
|
|
}
|
|
button {
|
|
class: "chat-action-btn",
|
|
disabled: !has_user_message,
|
|
title: "{t(l, \"chat.edit_last\")}",
|
|
onclick: move |_| on_edit.call(()),
|
|
dioxus_free_icons::Icon {
|
|
icon: FaPenToSquare,
|
|
width: 14, height: 14,
|
|
}
|
|
span { class: "chat-action-label", "{t(l, \"common.edit\")}" }
|
|
}
|
|
}
|
|
}
|
|
}
|