From 896836b57defa2eb96be11963a058cd24500d556 Mon Sep 17 00:00:00 2001 From: Palash Gupta Date: Fri, 18 Aug 2023 20:18:03 +0530 Subject: [PATCH] fix: update request payload and color in light mode for apdex (#3381) * fix: appdex color is updated * fix: update payload * chore: icon is updated --------- Co-authored-by: Srikanth Chekuri Co-authored-by: Vishal Sharma --- frontend/src/components/TextToolTip/index.tsx | 2 +- .../src/container/GridGraphLayout/WidgetHeader/styles.ts | 3 +-- .../MetricsPageQueries/OverviewQueries.ts | 8 ++++---- frontend/src/pages/MetricsApplication/styles.ts | 2 -- 4 files changed, 6 insertions(+), 9 deletions(-) diff --git a/frontend/src/components/TextToolTip/index.tsx b/frontend/src/components/TextToolTip/index.tsx index 1bcae8454d..39ce9072eb 100644 --- a/frontend/src/components/TextToolTip/index.tsx +++ b/frontend/src/components/TextToolTip/index.tsx @@ -43,7 +43,7 @@ function TextToolTip({ const iconOutlinedStyle = useMemo( () => ({ ...style, - color: isDarkMode ? themeColors.navyBlue : blue[0], + color: isDarkMode ? themeColors.navyBlue : blue[6], }), [isDarkMode], ); diff --git a/frontend/src/container/GridGraphLayout/WidgetHeader/styles.ts b/frontend/src/container/GridGraphLayout/WidgetHeader/styles.ts index cb2e95fcc5..dd08ea8eb2 100644 --- a/frontend/src/container/GridGraphLayout/WidgetHeader/styles.ts +++ b/frontend/src/container/GridGraphLayout/WidgetHeader/styles.ts @@ -1,6 +1,5 @@ import { grey } from '@ant-design/colors'; import { Typography as TypographyComponent } from 'antd'; -import { themeColors } from 'constants/theme'; import styled from 'styled-components'; export const HeaderContainer = styled.div<{ hover: boolean }>` @@ -46,9 +45,9 @@ export const WidgetHeaderContainer = styled.div` export const Typography = styled(TypographyComponent)` &&& { - color: ${themeColors.white}; width: auto; margin-left: 0.2rem; + color: ${grey[2]}; } `; diff --git a/frontend/src/container/MetricsApplication/MetricsPageQueries/OverviewQueries.ts b/frontend/src/container/MetricsApplication/MetricsPageQueries/OverviewQueries.ts index 9c9174e130..92006961d9 100644 --- a/frontend/src/container/MetricsApplication/MetricsPageQueries/OverviewQueries.ts +++ b/frontend/src/container/MetricsApplication/MetricsPageQueries/OverviewQueries.ts @@ -331,8 +331,8 @@ export const apDexMetricsQueryBuilderQueries = ({ isColumn: false, type: MetricsType.Tag, }, - op: OPERATORS['='], - value: 'STATUS_CODE_UNSET', + op: OPERATORS['!='], + value: 'STATUS_CODE_ERROR', }, { id: '', @@ -390,8 +390,8 @@ export const apDexMetricsQueryBuilderQueries = ({ isColumn: false, type: MetricsType.Tag, }, - op: OPERATORS['='], - value: 'STATUS_CODE_UNSET', + op: OPERATORS['!='], + value: 'STATUS_CODE_ERROR', }, { id: '', diff --git a/frontend/src/pages/MetricsApplication/styles.ts b/frontend/src/pages/MetricsApplication/styles.ts index 8d3bb451bc..9582095707 100644 --- a/frontend/src/pages/MetricsApplication/styles.ts +++ b/frontend/src/pages/MetricsApplication/styles.ts @@ -2,7 +2,6 @@ import { Button as ButtonComponent, Typography as TypographyComponent, } from 'antd'; -import { themeColors } from 'constants/theme'; import styled from 'styled-components'; export const Button = styled(ButtonComponent)` @@ -21,7 +20,6 @@ export const Typography = styled(TypographyComponent)` &&& { width: 24rem; margin: 0.5rem 0; - color: ${themeColors.white}; } `;