[Rename] is_loading to is_pending.

src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx

@@ -79,7 +79,7 @@ export const SwitchContainer = ({ switchLabel, switch_id, children, currentState
     const getClassNames = (baseClass) => clsx(baseClass, {
         [styles.is_compact_mode]: currentIsMainPageCompactMode.data,
         [styles.is_active]: (currentState.data === true),
-        [styles.is_loading]: (currentState.state === "pending"),
+        [styles.is_pending]: (currentState.state === "pending"),
         [styles.is_hovered]: is_hovered,
         [styles.is_mouse_down]: is_mouse_down,
     });

src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.module.scss

@@ -23,7 +23,7 @@
     &.is_compact_mode {
         padding: 1.5rem;
     }
-    &.is_loading {
+    &.is_pending {
         pointer-events: none;
     }
 }
@@ -36,23 +36,23 @@
 }
 
 $basic_label_color: var(--dark_basic_text_color);
-$loading_label_color: var(--dark_500_color);
+$pending_label_color: var(--dark_500_color);
 .switch_label {
     font-size: 1.4rem;
     color: $basic_label_color;
     &.is_compact_mode {
         display: none;
     }
-    &.is_loading {
-        color: $loading_label_color;
+    &.is_pending {
+        color: $pending_label_color;
     }
 }
 
 .switch_svg {
     width: 1.8rem;
     color: $basic_label_color;
-    &.is_loading {
-        color: $loading_label_color;
+    &.is_pending {
+        color: $pending_label_color;
     }
     &:not(.is_compact_mode) {
         width: 1.6rem;