Localize all hardcoded texts in mod tools using LocalizeText

Replace ~70 hardcoded English strings across 15 mod-tools files with LocalizeText() calls using moderation.* keys matching the existing ExternalTexts convention. Includes mod-tools-external-texts.json with all required keys for ExternalTexts.json.
2026-06-19 23:16:21 +00:00 · 2026-03-18 20:42:53 +01:00
parent bffaccf6a3
commit 349498ec34
16 changed files with 222 additions and 124 deletions
@@ -1,6 +1,6 @@
 import { ChatRecordData, GetUserChatlogMessageComposer, UserChatlogEvent } from '@nitrots/nitro-renderer';
 import { FC, useEffect, useState } from 'react';
-import { SendMessageComposer } from '../../../../api';
+import { LocalizeText, SendMessageComposer } from '../../../../api';
 import { DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common';
 import { useMessageEvent } from '../../../../hooks';
 import { ChatlogView } from '../chatlog/ChatlogView';
@@ -34,7 +34,7 @@ export const ModToolsUserChatlogView: FC<ModToolsUserChatlogViewProps> = props =

    return (
        <NitroCardView className="nitro-mod-tools-chatlog" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
-            <NitroCardHeaderView headerText={ `User Chatlog: ${ username || '' }` } onCloseClick={ onCloseClick } />
+            <NitroCardHeaderView headerText={ LocalizeText('moderation.chatlog.user', [ 'username' ], [ username || '' ]) } onCloseClick={ onCloseClick } />
            <NitroCardContentView className="text-black h-full">
                { userChatlog &&
                    <ChatlogView records={ userChatlog } /> }
@@ -11,18 +11,18 @@ interface ModToolsUserModActionViewProps
 }

 const MOD_ACTION_DEFINITIONS = [
-    new ModActionDefinition(1, 'Alert', ModActionDefinition.ALERT, 1, 0),
-    new ModActionDefinition(2, 'Mute 1h', ModActionDefinition.MUTE, 2, 0),
-    new ModActionDefinition(3, 'Ban 18h', ModActionDefinition.BAN, 3, 0),
-    new ModActionDefinition(4, 'Ban 7 days', ModActionDefinition.BAN, 4, 0),
-    new ModActionDefinition(5, 'Ban 30 days (step 1)', ModActionDefinition.BAN, 5, 0),
-    new ModActionDefinition(7, 'Ban 30 days (step 2)', ModActionDefinition.BAN, 7, 0),
-    new ModActionDefinition(6, 'Ban 100 years', ModActionDefinition.BAN, 6, 0),
-    new ModActionDefinition(106, 'Ban avatar-only 100 years', ModActionDefinition.BAN, 6, 0),
-    new ModActionDefinition(101, 'Kick', ModActionDefinition.KICK, 0, 0),
-    new ModActionDefinition(102, 'Lock trade 1 week', ModActionDefinition.TRADE_LOCK, 0, 168),
-    new ModActionDefinition(104, 'Lock trade permanent', ModActionDefinition.TRADE_LOCK, 0, 876000),
-    new ModActionDefinition(105, 'Message', ModActionDefinition.MESSAGE, 0, 0),
+    new ModActionDefinition(1, 'moderation.modaction.alert', ModActionDefinition.ALERT, 1, 0),
+    new ModActionDefinition(2, 'moderation.modaction.mute1h', ModActionDefinition.MUTE, 2, 0),
+    new ModActionDefinition(3, 'moderation.modaction.ban18h', ModActionDefinition.BAN, 3, 0),
+    new ModActionDefinition(4, 'moderation.modaction.ban7days', ModActionDefinition.BAN, 4, 0),
+    new ModActionDefinition(5, 'moderation.modaction.ban30days.step1', ModActionDefinition.BAN, 5, 0),
+    new ModActionDefinition(7, 'moderation.modaction.ban30days.step2', ModActionDefinition.BAN, 7, 0),
+    new ModActionDefinition(6, 'moderation.modaction.ban100years', ModActionDefinition.BAN, 6, 0),
+    new ModActionDefinition(106, 'moderation.modaction.banavataronly100years', ModActionDefinition.BAN, 6, 0),
+    new ModActionDefinition(101, 'moderation.modaction.kick', ModActionDefinition.KICK, 0, 0),
+    new ModActionDefinition(102, 'moderation.modaction.locktrade1week', ModActionDefinition.TRADE_LOCK, 0, 168),
+    new ModActionDefinition(104, 'moderation.modaction.locktradepermanent', ModActionDefinition.TRADE_LOCK, 0, 876000),
+    new ModActionDefinition(105, 'moderation.modaction.message', ModActionDefinition.MESSAGE, 0, 0),
 ];

 export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = props =>
@@ -60,7 +60,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro

        const category = topics[selectedTopic];

-        if(selectedTopic === -1) errorMessage = 'You must select a CFH topic';
+        if(selectedTopic === -1) errorMessage = LocalizeText('moderation.modaction.error.notopic');

        if(errorMessage) return sendAlert(errorMessage);

@@ -82,10 +82,10 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
        const category = topics[selectedTopic];
        const sanction = MOD_ACTION_DEFINITIONS[selectedAction];

-        if((selectedTopic === -1) || (selectedAction === -1)) errorMessage = 'You must select a CFH topic and Sanction';
-        else if(!settings || !settings.cfhPermission) errorMessage = 'You do not have permission to do this';
-        else if(!category) errorMessage = 'You must select a CFH topic';
-        else if(!sanction) errorMessage = 'You must select a sanction';
+        if((selectedTopic === -1) || (selectedAction === -1)) errorMessage = LocalizeText('moderation.modaction.error.notopicorsanction');
+        else if(!settings || !settings.cfhPermission) errorMessage = LocalizeText('moderation.modaction.error.nopermission');
+        else if(!category) errorMessage = LocalizeText('moderation.modaction.error.notopic');
+        else if(!sanction) errorMessage = LocalizeText('moderation.modaction.error.nosanction');

        if(errorMessage)
        {
@@ -101,7 +101,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
            case ModActionDefinition.ALERT: {
                if(!settings.alertPermission)
                {
-                    sendAlert('You have insufficient permissions');
+                    sendAlert(LocalizeText('moderation.modaction.error.nopermission'));

                    return;
                }
@@ -115,7 +115,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
            case ModActionDefinition.BAN: {
                if(!settings.banPermission)
                {
-                    sendAlert('You have insufficient permissions');
+                    sendAlert(LocalizeText('moderation.modaction.error.nopermission'));

                    return;
                }
@@ -126,7 +126,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
            case ModActionDefinition.KICK: {
                if(!settings.kickPermission)
                {
-                    sendAlert('You have insufficient permissions');
+                    sendAlert(LocalizeText('moderation.modaction.error.nopermission'));
                    return;
                }

@@ -142,7 +142,7 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro
            case ModActionDefinition.MESSAGE: {
                if(message.trim().length === 0)
                {
-                    sendAlert('Please write a message to user');
+                    sendAlert(LocalizeText('moderation.modaction.error.emptymessage'));

                    return;
                }
@@ -161,23 +161,23 @@ export const ModToolsUserModActionView: FC<ModToolsUserModActionViewProps> = pro

    return (
        <NitroCardView className="nitro-mod-tools-user-action" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
-            <NitroCardHeaderView headerText={ 'Mod Action: ' + (user ? user.username : '') } onCloseClick={ () => onCloseClick() } />
+            <NitroCardHeaderView headerText={ LocalizeText('moderation.modaction.title', [ 'username' ], [ user ? user.username : '' ]) } onCloseClick={ () => onCloseClick() } />
            <NitroCardContentView className="text-black">
                <select className="form-select form-select-sm" value={ selectedTopic } onChange={ event => setSelectedTopic(parseInt(event.target.value)) }>
-                    <option disabled value={ -1 }>CFH Topic</option>
+                    <option disabled value={ -1 }>{ LocalizeText('moderation.modaction.cfhtopic') }</option>
                    { topics.map((topic, index) => <option key={ index } value={ index }>{ LocalizeText('help.cfh.topic.' + topic.id) }</option>) }
                </select>
                <select className="form-select form-select-sm" value={ selectedAction } onChange={ event => setSelectedAction(parseInt(event.target.value)) }>
-                    <option disabled value={ -1 }>Sanction Type</option>
-                    { MOD_ACTION_DEFINITIONS.map((action, index) => <option key={ index } value={ index }>{ action.name }</option>) }
+                    <option disabled value={ -1 }>{ LocalizeText('moderation.modaction.sanctiontype') }</option>
+                    { MOD_ACTION_DEFINITIONS.map((action, index) => <option key={ index } value={ index }>{ LocalizeText(action.name) }</option>) }
                </select>
                <div className="flex flex-col gap-1">
-                    <Text small>Optional message type, overrides default</Text>
+                    <Text small>{ LocalizeText('moderation.modaction.message.hint') }</Text>
                    <textarea className="min-h-[calc(1.5em+ .5rem+2px)] px-[.5rem] py-[.25rem]  rounded-[.2rem]" value={ message } onChange={ event => setMessage(event.target.value) } />
                </div>
                <Flex gap={ 1 } justifyContent="between">
-                    <Button variant="primary" onClick={ sendDefaultSanction }>Default Sanction</Button>
-                    <Button variant="success" onClick={ sendSanction }>Sanction</Button>
+                    <Button variant="primary" onClick={ sendDefaultSanction }>{ LocalizeText('moderation.modaction.defaultsanction') }</Button>
+                    <Button variant="success" onClick={ sendSanction }>{ LocalizeText('moderation.modaction.sanction') }</Button>
                </Flex>
            </NitroCardContentView>
        </NitroCardView>
@@ -1,6 +1,6 @@
 import { GetRoomVisitsMessageComposer, RoomVisitsData, RoomVisitsEvent } from '@nitrots/nitro-renderer';
 import { FC, useEffect, useState } from 'react';
-import { SendMessageComposer, TryVisitRoom } from '../../../../api';
+import { LocalizeText, SendMessageComposer, TryVisitRoom } from '../../../../api';
 import { Column, DraggableWindowPosition, Grid, InfiniteScroll, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
 import { useMessageEvent } from '../../../../hooks';

@@ -33,14 +33,14 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p

    return (
        <NitroCardView className="nitro-mod-tools-user-visits" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
-            <NitroCardHeaderView headerText={ 'User Visits' } onCloseClick={ onCloseClick } />
+            <NitroCardHeaderView headerText={ LocalizeText('moderation.roomvisits.title') } onCloseClick={ onCloseClick } />
            <NitroCardContentView className="text-black" gap={ 1 }>
                <Column fullHeight gap={ 0 } overflow="hidden">
                    <Column gap={ 2 }>
                        <Grid className="text-black font-bold	 border-bottom pb-1" gap={ 1 }>
-                            <div className="col-span-2">Time</div>
-                            <div className="col-span-7">Room name</div>
-                            <div className="col-span-3">Visit</div>
+                            <div className="col-span-2">{ LocalizeText('moderation.roomvisits.col.time') }</div>
+                            <div className="col-span-7">{ LocalizeText('moderation.roomvisits.col.roomname') }</div>
+                            <div className="col-span-3">{ LocalizeText('moderation.roomvisits.col.visit') }</div>
                        </Grid>
                    </Column>
                    <InfiniteScroll rowRender={ row =>
@@ -49,7 +49,7 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
                            <Grid alignItems="center" className="text-black py-1 border-bottom" fullHeight={ false } gap={ 1 }>
                                <Text className="col-span-2">{ row.enterHour.toString().padStart(2, '0') }: { row.enterMinute.toString().padStart(2, '0') }</Text>
                                <Text className="col-span-7">{ row.roomName }</Text>
-                                <Text bold pointer underline className="col-span-3" variant="primary" onClick={ event => TryVisitRoom(row.roomId) }>Visit Room</Text>
+                                <Text bold pointer underline className="col-span-3" variant="primary" onClick={ event => TryVisitRoom(row.roomId) }>{ LocalizeText('moderation.roomvisits.visitroom') }</Text>
                            </Grid>
                        );
                    } } rows={ roomVisitData?.rooms ?? [] } />
@@ -1,6 +1,6 @@
 import { ModMessageMessageComposer } from '@nitrots/nitro-renderer';
 import { FC, useState } from 'react';
-import { ISelectedUser, SendMessageComposer } from '../../../../api';
+import { ISelectedUser, LocalizeText, SendMessageComposer } from '../../../../api';
 import { Button, DraggableWindowPosition, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
 import { useNotification } from '../../../../hooks';

@@ -22,7 +22,7 @@ export const ModToolsUserSendMessageView: FC<ModToolsUserSendMessageViewProps> =
    {
        if(message.trim().length === 0)
        {
-            simpleAlert('Please write a message to user.', null, null, null, 'Error', null);
+            simpleAlert(LocalizeText('moderation.sendmessage.error.empty'), null, null, null, LocalizeText('moderation.error'), null);

            return;
        }
@@ -34,11 +34,11 @@ export const ModToolsUserSendMessageView: FC<ModToolsUserSendMessageViewProps> =

    return (
        <NitroCardView className="nitro-mod-tools-user-message" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
-            <NitroCardHeaderView headerText={ 'Send Message' } onCloseClick={ () => onCloseClick() } />
+            <NitroCardHeaderView headerText={ LocalizeText('moderation.sendmessage.title') } onCloseClick={ () => onCloseClick() } />
            <NitroCardContentView className="text-black">
-                <Text>Message To: { user.username }</Text>
+                <Text>{ LocalizeText('moderation.sendmessage.to', [ 'username' ], [ user.username ]) }</Text>
                <textarea className="min-h-[calc(1.5em+ .5rem+2px)] px-[.5rem] py-[.25rem]  rounded-[.2rem]" value={ message } onChange={ event => setMessage(event.target.value) }></textarea>
-                <Button fullWidth onClick={ sendMessage }>Send message</Button>
+                <Button fullWidth onClick={ sendMessage }>{ LocalizeText('moderation.sendmessage.send') }</Button>
            </NitroCardContentView>
        </NitroCardView>
    );
@@ -27,60 +27,60 @@ export const ModToolsUserView: FC<ModToolsUserViewProps> = props =>

        return [
            {
-                localeKey: 'modtools.userinfo.userName',
+                localeKey: 'moderation.userinfo.userName',
                value: userInfo.userName,
                showOnline: true
            },
            {
-                localeKey: 'modtools.userinfo.cfhCount',
+                localeKey: 'moderation.userinfo.cfhCount',
                value: userInfo.cfhCount.toString()
            },
            {
-                localeKey: 'modtools.userinfo.abusiveCfhCount',
+                localeKey: 'moderation.userinfo.abusiveCfhCount',
                value: userInfo.abusiveCfhCount.toString()
            },
            {
-                localeKey: 'modtools.userinfo.cautionCount',
+                localeKey: 'moderation.userinfo.cautionCount',
                value: userInfo.cautionCount.toString()
            },
            {
-                localeKey: 'modtools.userinfo.banCount',
+                localeKey: 'moderation.userinfo.banCount',
                value: userInfo.banCount.toString()
            },
            {
-                localeKey: 'modtools.userinfo.lastSanctionTime',
+                localeKey: 'moderation.userinfo.lastSanctionTime',
                value: userInfo.lastSanctionTime
            },
            {
-                localeKey: 'modtools.userinfo.tradingLockCount',
+                localeKey: 'moderation.userinfo.tradingLockCount',
                value: userInfo.tradingLockCount.toString()
            },
            {
-                localeKey: 'modtools.userinfo.tradingExpiryDate',
+                localeKey: 'moderation.userinfo.tradingExpiryDate',
                value: userInfo.tradingExpiryDate
            },
            {
-                localeKey: 'modtools.userinfo.minutesSinceLastLogin',
+                localeKey: 'moderation.userinfo.minutesSinceLastLogin',
                value: FriendlyTime.format(userInfo.minutesSinceLastLogin * 60, '.ago', 2)
            },
            {
-                localeKey: 'modtools.userinfo.lastPurchaseDate',
+                localeKey: 'moderation.userinfo.lastPurchaseDate',
                value: userInfo.lastPurchaseDate
            },
            {
-                localeKey: 'modtools.userinfo.primaryEmailAddress',
+                localeKey: 'moderation.userinfo.primaryEmailAddress',
                value: userInfo.primaryEmailAddress
            },
            {
-                localeKey: 'modtools.userinfo.identityRelatedBanCount',
+                localeKey: 'moderation.userinfo.identityRelatedBanCount',
                value: userInfo.identityRelatedBanCount.toString()
            },
            {
-                localeKey: 'modtools.userinfo.registrationAgeInMinutes',
+                localeKey: 'moderation.userinfo.registrationAgeInMinutes',
                value: FriendlyTime.format(userInfo.registrationAgeInMinutes * 60, '.ago', 2)
            },
            {
-                localeKey: 'modtools.userinfo.userClassification',
+                localeKey: 'moderation.userinfo.userClassification',
                value: userInfo.userClassification
            }
        ];
@@ -105,7 +105,7 @@ export const ModToolsUserView: FC<ModToolsUserViewProps> = props =>
    return (
        <>
            <NitroCardView className="nitro-mod-tools-user" theme="primary-slim" windowPosition={ DraggableWindowPosition.TOP_LEFT }>
-                <NitroCardHeaderView headerText={ LocalizeText('modtools.userinfo.title', [ 'username' ], [ userInfo.userName ]) } onCloseClick={ () => onCloseClick() } />
+                <NitroCardHeaderView headerText={ LocalizeText('moderation.userinfo.title', [ 'username' ], [ userInfo.userName ]) } onCloseClick={ () => onCloseClick() } />
                <NitroCardContentView className="text-black">
                    <Grid overflow="hidden">
                        <Column overflow="auto" size={ 8 }>
@@ -130,16 +130,16 @@ export const ModToolsUserView: FC<ModToolsUserViewProps> = props =>
                        </Column>
                        <Column gap={ 1 } size={ 4 }>
                            <Button onClick={ event => CreateLinkEvent(`mod-tools/open-user-chatlog/${ userId }`) }>
-                                Room Chat
+                                { LocalizeText('moderation.userinfo.roomchat') }
                            </Button>
                            <Button onClick={ event => setSendMessageVisible(!sendMessageVisible) }>
-                                Send Message
+                                { LocalizeText('moderation.userinfo.sendmessage') }
                            </Button>
                            <Button onClick={ event => setRoomVisitsVisible(!roomVisitsVisible) }>
-                                Room Visits
+                                { LocalizeText('moderation.userinfo.roomvisits') }
                            </Button>
                            <Button onClick={ event => setModActionVisible(!modActionVisible) }>
-                                Mod Action
+                                { LocalizeText('moderation.userinfo.modaction') }
                            </Button>
                        </Column>
                    </Grid>