github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-05 03:16:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): fix state label color

Browse Source
This commit is contained in:
Łukasz Mierzwa
2021-05-19 08:56:24 +01:00
committed by Łukasz Mierzwa
parent 50cb33ac16
commit 2e1fbf7e3e
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/Components/Labels/FilterInputLabel/index.tsx
View File

@@ -31,7 +31,7 @@ const FilterInputLabel: FC<{
alertStore,
filter.matcher === QueryOperators.Equal ? filter.name : "",
filter.matcher === QueryOperators.Equal ? filter.value : "",
"components-filteredinputlabel btn-sm text-white",
"components-filteredinputlabel btn-sm",
"btn"
);

10
ui/src/Components/Labels/Utils.test.ts
View File

@@ -46,18 +46,22 @@ describe("<GetClassAndStyle />", () => {
it("@state=active label should use StateLabelClassMap.active class", () => {
const cs = GetClassAndStyle(alertStore, "@state", "active");
expect(cs.colorClassNames).toContain(`bg-${StateLabelClassMap.active}`);
expect(cs.colorClassNames).toContain(
`bg-${StateLabelClassMap.active} text-white`
);
});
it("@state=suppressed label should use StateLabelClassMap.suppressed class", () => {
const cs = GetClassAndStyle(alertStore, "@state", "suppressed");
expect(cs.colorClassNames).toContain(`bg-${StateLabelClassMap.suppressed}`);
expect(cs.colorClassNames).toContain(
`bg-${StateLabelClassMap.suppressed} text-white`
);
});
it("@state=unprocessed label should use StateLabelClassMap.unprocessed class", () => {
const cs = GetClassAndStyle(alertStore, "@state", "unprocessed");
expect(cs.colorClassNames).toContain(
`bg-${StateLabelClassMap.unprocessed}`
`bg-${StateLabelClassMap.unprocessed} text-white`
);
});

2
ui/src/Components/Labels/Utils.ts
View File

@@ -38,7 +38,7 @@ const GetClassAndStyle = (
} else if (name === StaticLabels.State) {
data.colorClassNames.push(
StateLabelClassMap[value as AlertStateT]
? `bg-${StateLabelClassMap[value as AlertStateT]}`
? `bg-${StateLabelClassMap[value as AlertStateT]} text-white`
: DefaultLabelClassMap[elementType]
);
} else if (alertStore.settings.values.staticColorLabels.includes(name)) {