[Rename] is_loading to is_pending.
This commit is contained in:
@@ -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,
|
||||
});
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user