every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Update/bugfix] Plugins: Add localization system to plugins list(plugin_info.json).

Browse Source 
Fix the issue that the i18n didn't work in development environment.
This commit is contained in:
Sakamoto Shiina
2025-04-26 04:13:18 +09:00
parent 819783ea09
commit c665f1d355
7 changed files with 98 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx
View File

@@ -26,7 +26,7 @@ export const Plugins = () => {
};
const PluginDownloadContainer = () => {
const { t } = useTranslation();
const { t, i18n } = useTranslation();
const {
downloadAndExtractPlugin,
currentPluginsData,
@@ -74,35 +74,49 @@ const PluginDownloadContainer = () => {
<div className={styles.plugins_list_container}>
{is_failed_to_fetch && <p>Failed to fetch plugins data</p>}
{is_fetching && <p>Fetching plugins data...</p>}
{sorted_plugins_data.map((plugin) => (
<div key={plugin.plugin_id} className={styles.plugin_wrapper}>
<p className={styles.title}>
{plugin.is_downloaded
? plugin.downloaded_plugin_info?.title
: plugin.latest_plugin_info?.title}
</p>
<p className={styles.plugin_id}>{plugin.plugin_id}</p>
{plugin.is_error ? (
<p style={{ color: "red" }}>Error: {plugin.error_message}</p>
) : (
<div className={styles.plugin_info_wrapper}>
<div className={styles.plugin_info}>
<p>
{plugin.is_downloaded
? `現在のバージョン: ${plugin.downloaded_plugin_info?.plugin_version}`
: null}
</p>
{sorted_plugins_data.map((plugin) => {
const target_info = plugin.is_downloaded
? plugin.downloaded_plugin_info
: plugin.latest_plugin_info;
const target_locale = target_info.locales && target_info.locales[i18n.language]
? target_info.locales[i18n.language]
: {
title: target_info.title,
desc: target_info.desc || null,
};
return (
<div key={plugin.plugin_id} className={styles.plugin_wrapper}>
<p className={styles.title}>
{target_locale.title}
</p>
<p className={styles.plugin_id}>{plugin.plugin_id}</p>
<p className={styles.desc}>
{target_locale.desc}
</p>
{plugin.is_error ? (
<p style={{ color: "red" }}>Error: {plugin.error_message}</p>
) : (
<div className={styles.plugin_info_wrapper}>
<div className={styles.plugin_info}>
<p>
{plugin.is_downloaded
? `現在のバージョン: ${plugin.downloaded_plugin_info?.plugin_version}`
: null}
</p>
</div>
<PluginsControlComponent
variable_state={variable_state}
toggleFunction={toggleFunction}
downloadStartFunction={downloadStartFunction}
plugin_status={plugin}
/>
</div>
<PluginsControlComponent
variable_state={variable_state}
toggleFunction={toggleFunction}
downloadStartFunction={downloadStartFunction}
plugin_status={plugin}
/>
</div>
)}
</div>
))}
)}
</div>
);
})}
</div>
);
};