This is an automated email from the ASF dual-hosted git repository.
jscheffl pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new d86977f908f Fix poolbar icon and colour post Stateicon changes (#46396)
d86977f908f is described below
commit d86977f908fb53ee184cc2c5a1f03809e93a4c67
Author: Shubham Raj <[email protected]>
AuthorDate: Tue Feb 4 02:46:33 2025 +0530
Fix poolbar icon and colour post Stateicon changes (#46396)
---
airflow/ui/src/pages/Pools/PoolBar.tsx | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
diff --git a/airflow/ui/src/pages/Pools/PoolBar.tsx
b/airflow/ui/src/pages/Pools/PoolBar.tsx
index 0cc8a1a1c47..8d3e37ba8c4 100644
--- a/airflow/ui/src/pages/Pools/PoolBar.tsx
+++ b/airflow/ui/src/pages/Pools/PoolBar.tsx
@@ -27,12 +27,12 @@ import { Tooltip } from "src/components/ui";
import { capitalize } from "src/utils";
const slots = {
- open_slots: { color: "success", icon: <StateIcon state="success" /> },
- occupied_slots: { color: "up_for_retry", icon: <FiXCircle /> },
- running_slots: { color: "running", icon: <StateIcon state="running" /> },
- queued_slots: { color: "queued", icon: <StateIcon state="queued" /> },
- scheduled_slots: { color: "scheduled", icon: <StateIcon state="scheduled" />
},
- deferred_slots: { color: "deferred", icon: <StateIcon state="deferred" /> },
+ open_slots: { color: "success", icon: <StateIcon color="white"
state="success" /> },
+ occupied_slots: { color: "up_for_retry", icon: <FiXCircle color="white" /> },
+ running_slots: { color: "running", icon: <StateIcon color="white"
state="running" /> },
+ queued_slots: { color: "queued", icon: <StateIcon color="white"
state="queued" /> },
+ scheduled_slots: { color: "scheduled", icon: <StateIcon color="white"
state="scheduled" /> },
+ deferred_slots: { color: "deferred", icon: <StateIcon color="white"
state="deferred" /> },
};
type PoolBarProps = {
@@ -76,7 +76,7 @@ const PoolBar = ({ pool }: PoolBarProps) => (
<Tooltip content={`${capitalize(slotKey.replace("_", " "))}:
${slotValue}`} key={slotKey}>
<Flex
alignItems="center"
- colorPalette={color}
+ bg={`${color}.solid`}
flex={flexValue}
h="100%"
justifyContent="center"
