From 01b7d6c94581d647b2b6c6827907957c8700222b Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Fri, 18 Apr 2025 00:38:31 +0900
Subject: [PATCH] [Update] Plugins: Sort plugins list and remain the order of
 it.

---
 .../setting_section/setting_box/plugins/Plugins.jsx    | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx b/src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx
index e60927f4..2a02a4b0 100644
--- a/src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx
@@ -17,7 +17,6 @@ export const Plugins = () => {
     );
 };
 
-
 const PluginDownloadContainer = () => {
     const {
         downloadAndExtractPlugin,
@@ -46,9 +45,14 @@ const PluginDownloadContainer = () => {
 
     const variable_state = currentSavedPluginsStatus.state;
 
+    // plugin_id で ABC 順にソート
+    const sorted_plugins_data = [...currentPluginsData.data].sort((a, b) =>
+        a.plugin_id.localeCompare(b.plugin_id)
+    );
+
     return (
         <div className={styles.plugins_list_container}>
-            {currentPluginsData.data.map((plugin) => (
+            {sorted_plugins_data.map((plugin) => (
                 <div key={plugin.plugin_id} className={styles.plugin_wrapper}>
                     <p className={styles.title}>
                         {plugin.is_downloaded
@@ -79,4 +83,4 @@ const PluginDownloadContainer = () => {
             ))}
         </div>
     );
-};
+};
\ No newline at end of file