mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 15:06:20 +00:00
simoleo89
75815fa022
The ModTools template refresh introduced ~80 hardcoded English strings
(labels, placeholders, tooltips, empty-state copy, button text). Move
every one of them onto the modtools.* namespace and read via
LocalizeText so the panels translate alongside the rest of the client.
UITexts.example (versioned template) extended with the full set:
modtools.window.* Launcher box (toolbar item, tools,
selected-user state, ticket count)
modtools.userinfo.* User info card — already had the
legacy modtools.userinfo.{userName,
cfhCount, …} keys from before; added
refresh tooltip, presence pill labels
(in_room / online / offline with
matching .title tooltips), section
headings, action button labels, stat
card labels
modtools.roominfo.* Room info card — title, refresh, loading,
owner pill (here/away + tooltips), stat
labels, action buttons, moderate panel
heading + checkboxes + textarea
placeholder + caution/alert CTAs
modtools.user.message.* Send-message dialog (recipient label,
body label, placeholder, char counter,
empty state, send button)
modtools.user.modaction.* Mod Action form — header, sanctioning
label, 3-step section titles, select
placeholders, message label + optional
note, message placeholder, preview
heading, default/apply buttons, every
sendAlert error message
modtools.user.visits.* Room visits — title, header strip
heading, entry count (singular/plural),
empty state, column headers, visit
button + tooltip
modtools.user.chatlog.* User chatlog — title (with username
variant), loading state
modtools.room.chatlog.* Room chatlog title
modtools.chatlog.* Shared ChatlogView — column headers,
empty state, room-separator Visit/Tools
buttons
modtools.tickets.* Tickets window — title, tab labels
(open/mine/picked), column headers,
empty states, action buttons (pick/
handle/release), issue resolution
window (title, label, details heading,
field labels, chatlog toggle, resolve-as
heading, resolution buttons, release
back to queue), CFH chatlog title
The same 130 entries land in Nitro-Files/.../UITexts.json (runtime).
Both files validate as JSON. The runtime additions take effect on
next client reload; the template additions ship the strings to any
fresh deploy.
Notes:
- The MOD_ACTION_DEFINITIONS sanction names ("Alert", "Mute 1h",
"Ban 18h" …) stay hardcoded for now since they're keyed off
server-side action IDs that don't have an existing locale key
convention. Worth a follow-up if needed.
- help.cfh.topic.* keys (CFH topic display names) are already in
ExternalTexts.json and were already read via LocalizeText, so
they didn't need changes.
typecheck + vitest 214/214 + lint:hooks all clean.
38 lines
1.6 KiB
TypeScript
38 lines
1.6 KiB
TypeScript
import { ChatRecordData, GetRoomChatlogMessageComposer, RoomChatlogEvent } from '@nitrots/nitro-renderer';
|
|
import { FC } from 'react';
|
|
import { LocalizeText } from '../../../../api';
|
|
import { useNitroQuery } from '../../../../api/nitro-query';
|
|
import { DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common';
|
|
import { ChatlogView } from '../chatlog/ChatlogView';
|
|
|
|
interface ModToolsChatlogViewProps
|
|
{
|
|
roomId: number;
|
|
onCloseClick: () => void;
|
|
}
|
|
|
|
export const ModToolsChatlogView: FC<ModToolsChatlogViewProps> = props =>
|
|
{
|
|
const { roomId = null, onCloseClick = null } = props;
|
|
|
|
const { data: roomChatlog } = useNitroQuery<RoomChatlogEvent, ChatRecordData>({
|
|
key: [ 'nitro', 'mod-tools', 'room-chatlog', roomId ],
|
|
request: () => new GetRoomChatlogMessageComposer(roomId),
|
|
parser: RoomChatlogEvent,
|
|
accept: e => e.getParser()?.data.roomId === roomId,
|
|
select: e => e.getParser().data,
|
|
enabled: roomId !== null
|
|
});
|
|
|
|
if(!roomChatlog) return null;
|
|
|
|
return (
|
|
<NitroCardView className="nitro-mod-tools-chatlog min-w-[460px] max-w-[520px] max-h-[500px]" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
|
|
<NitroCardHeaderView headerText={ LocalizeText('modtools.room.chatlog.title') } onCloseClick={ onCloseClick } />
|
|
<NitroCardContentView className="text-black" gap={ 1 } overflow="auto">
|
|
<ChatlogView records={ [ roomChatlog ] } />
|
|
</NitroCardContentView>
|
|
</NitroCardView>
|
|
);
|
|
};
|