[Rename] is_loading to is_pending.

This commit is contained in:
Sakamoto Shiina
2024-09-24 10:00:15 +09:00
parent 97b047a09e
commit c0c826b443
9 changed files with 16 additions and 16 deletions

View File

@@ -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,
});

View File

@@ -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;