ui: Added back support for warnings printed in info level. (thanos-io…

…#5860) Signed-off-by: bwplotka <[email protected]> Signed-off-by: bwplotka <[email protected]>
ngraham20 · May 18, 2023 · 49e3491 · 49e3491
1 parent 17f7cf2
commit 49e3491
Show file tree

Hide file tree

Showing 2 changed files with 59 additions and 40 deletions.
diff --git a/pkg/ui/bindata.go b/pkg/ui/bindata.go
diff --git a/pkg/ui/react-app/src/pages/graph/Panel.tsx b/pkg/ui/react-app/src/pages/graph/Panel.tsx
@@ -38,6 +38,7 @@ interface PanelState {
   lastQueryParams: QueryParams | null;
   loading: boolean;
   error: string | null;
+  warnings: string[] | null;
   stats: QueryStats | null;
   exprInputValue: string;
 }
@@ -83,6 +84,7 @@ class Panel extends Component<PanelProps & PathPrefixProps, PanelState> {
       data: null,
       lastQueryParams: null,
       loading: false,
+      warnings: null,
       error: null,
       stats: null,
       exprInputValue: props.options.expr,
@@ -206,6 +208,7 @@ class Panel extends Component<PanelProps & PathPrefixProps, PanelState> {
             endTime,
             resolution,
           },
+          warnings: json.warnings,
           stats: {
             loadTime: Date.now() - queryStart,
             resolution,
@@ -284,6 +287,10 @@ class Panel extends Component<PanelProps & PathPrefixProps, PanelState> {
     this.setState({ error: null });
   };
 
+  handleToggleWarn = (): void => {
+    this.setState({ warnings: null });
+  };
+
   render(): JSX.Element {
     const { pastQueries, metricNames, options, id, stores } = this.props;
     return (
@@ -311,6 +318,18 @@ class Panel extends Component<PanelProps & PathPrefixProps, PanelState> {
             </UncontrolledAlert>
           </Col>
         </Row>
+        <Row>
+          <Col>
+            <UncontrolledAlert
+              isOpen={this.state.warnings || false}
+              toggle={this.handleToggleWarn}
+              color="info"
+              style={{ whiteSpace: 'break-spaces' }}
+            >
+              {this.state.warnings}
+            </UncontrolledAlert>
+          </Col>
+        </Row>
         <Row>
           <Col>
             <Checkbox