소스 검색

edited color display of the circularAlert (#1590)

Denys Malofeiev 3 년 전
부모
커밋
217f0ead0d
1개의 변경된 파일5개의 추가작업 그리고 1개의 파일을 삭제
  1. 5 1
      kafka-ui-react-app/src/components/Connect/Details/Overview/Overview.tsx

+ 5 - 1
kafka-ui-react-app/src/components/Connect/Details/Overview/Overview.tsx

@@ -36,7 +36,11 @@ const Overview: React.FC<OverviewProps> = ({
         <Metrics.Indicator label="Tasks Running">
           {runningTasksCount}
         </Metrics.Indicator>
-        <Metrics.Indicator label="Tasks Failed" isAlert>
+        <Metrics.Indicator
+          label="Tasks Failed"
+          isAlert
+          alertType={failedTasksCount > 0 ? 'error' : 'success'}
+        >
           {failedTasksCount}
         </Metrics.Indicator>
       </Metrics.Section>