openclaw - 💡(How to fix) Fix [Feature]: [Feature Request] Gateway UI 支持中文显示 [1 comments, 2 participants]

Fix Plan

To add Chinese support to the Gateway dashboard, we'll implement the following steps:

• Internationalization (i18n) Integration: Integrate an i18n library (e.g., i18next) to manage translations.
• Translation Files: Create JSON files for Chinese translations (e.g., zh.json) and add translations for:
  • Audit Log operations (e.g., exec, read, cron run, etc.)
  • Navigation menu items
  • Button texts
• Code Updates: Update the code to use the i18n library and load the Chinese translations.

Example Code

// Import i18n library
import i18next from 'i18next';

// Initialize i18n
i18next.init({
  lng: 'zh', // Set language to Chinese
  resources: {
    zh: {
      translation: {
        // Audit Log operations
        exec: '执行命令',
        read: '读取文件',
        'cron run': '定时任务',
        'subagents list': '子代理列表',
        browser: '浏览器',
        // Navigation menu items
        menu: {
          dashboard: '仪表盘',
          settings: '设置',
        },
        // Button texts
        buttons: {
          submit: '提交',
          cancel: '取消',
        },
      },
    },
  },
});

// Use i18n in code
function getAuditLogTranslation(operation) {
  return i18next.t(`auditLog.${operation}`);
}

console.log(getAuditLogTranslation('exec')); // Output: 执行命令

Verification

To verify the fix, test the Gateway dashboard with the Chinese language setting and ensure that:

• Audit Log operations are translated correctly
• Navigation menu items are translated correctly
• Button texts are translated correctly

Extra Tips

• Use a consistent naming convention for translation keys.
• Consider using a translation management platform (e.g., Crowdin) to manage and update translations.
• Test the i18n implementation thoroughly to ensure that it works correctly for different languages and regions.