diff --git a/src-ui/app/config_page/setting_section/setting_box/_components/plugins_control_component/PluginsControlComponent.jsx b/src-ui/app/config_page/setting_section/setting_box/_components/plugins_control_component/PluginsControlComponent.jsx index 0fd7c33a..0bdbfd02 100644 --- a/src-ui/app/config_page/setting_section/setting_box/_components/plugins_control_component/PluginsControlComponent.jsx +++ b/src-ui/app/config_page/setting_section/setting_box/_components/plugins_control_component/PluginsControlComponent.jsx @@ -3,14 +3,12 @@ import { SwitchBox } from "../index"; import { _DownloadButton } from "../_atoms/_download_button/_DownloadButton"; import styles from "./PluginsControlComponent.module.scss"; -// メインのコントロールコンポーネント。ダウンロード済み / 未ダウンロードで分岐して表示する export const PluginsControlComponent = ({ variable_state, plugin_status, toggleFunction, downloadStartFunction, }) => { - // 共通オプション(各子コンポーネントに引き回す情報) const option = { id: plugin_status.plugin_id, is_pending: plugin_status.is_pending, @@ -41,84 +39,53 @@ export const PluginsControlComponent = ({ } }; -// ------------------------- -// ダウンロード済みのプラグイン用コンポーネント -// 状態により以下の分岐を行う -// ・ is_latest_version_already が true なら「最新版を使用中」 -// ・ is_latest_version_already が false かつ is_latest_version_available が true なら「最新版を利用可能」(アップデートボタン+スイッチ) -// ・ それ以外(is_latest_version_already:false && is_latest_version_available: false)なら、desc等の情報とスイッチのみ表示 + const DownloadedPluginControl = ({ option, plugin_status, toggleFunction, downloadStartFunction, }) => { - // on/off トグル時の処理 const togglePlugin = () => { toggleFunction(plugin_status.plugin_id); }; + const latest_version = plugin_status.latest_plugin_info?.plugin_version; - // ダウンロード済みの場合、ダウンロードされた情報からタイトルやバージョンを取得 - const title = plugin_status.downloaded_plugin_info?.title || plugin_status.latest_plugin_info.title; - const current_version = - plugin_status.downloaded_plugin_info?.plugin_version || plugin_status.latest_plugin_info.plugin_version; - - // コンポーネントごとに表示内容を分岐 if (plugin_status.is_latest_version_already) { - // 最新版が既に使用中 return (
{title}
-現在のバージョン: {current_version}
+最新のバージョン: {latest_version}
最新版を使用中
{title}
-現在のバージョン: {current_version}
+最新のバージョン: {latest_version}
最新版を利用可能
<_DownloadButton option={option} downloadStartFunction={downloadStartFunction} />{title}
-現在のバージョン: {current_version}
-{desc}
+最新のバージョン: {latest_version}
{title}
-現在のバージョン: {current_version}
最新バージョン: {latest_version}
<_DownloadButton option={option} downloadStartFunction={downloadStartFunction} />{title}
-現在のバージョン: {current_version}
最新バージョン: {latest_version}
現在利用不可
{plugin.is_downloaded - ? plugin.downloaded_plugin_info?.title || plugin.latest_plugin_info.title - : plugin.latest_plugin_info.title} + ? plugin.downloaded_plugin_info?.title + : plugin.latest_plugin_info?.title}
{plugin.plugin_id}
- {plugin.error ? ( -Error: {plugin.error}
+ {plugin.is_error ? ( +Error: {plugin.error_message}
) : ({plugin.is_downloaded ? `現在のバージョン: ${plugin.downloaded_plugin_info?.plugin_version}` - : `最新バージョン: ${plugin.latest_plugin_info.plugin_version}`} + : null}