From ba408af32a50db5533001cd836f0cda2c1f4f200 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Tue, 19 Nov 2024 13:10:26 +0900
Subject: [PATCH] [bugfix] Config Page: RadioButton components. to disabled
 while it's pending.

---
 .../setting_box/_components/radio_button/RadioButton.jsx      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.jsx b/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.jsx
index f3efdae4..c0278a07 100644
--- a/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.jsx
@@ -16,7 +16,7 @@ export const RadioButton = (props) => {
 
                 const labelClass = clsx(styles.radio_button_wrapper, {
                     [styles.is_selected]: props.checked_variable.data === option.id,
-                    [styles.disabled]: option.disabled === true,
+                    [styles.disabled]: option.disabled === true || props.checked_variable.state === "pending",
                 });
 
                 return (
@@ -29,7 +29,7 @@ export const RadioButton = (props) => {
                                 value={option.id}
                                 onChange={() => props.selectFunction(option.id)}
                                 checked={props.checked_variable.data === option.id}
-                                disabled={option.disabled === true}
+                                disabled={option.disabled === true || props.checked_variable.state === "pending"}
                             />
                             <p className={styles.radio_button_label}>{option.label}</p>
                         </label>