+ {metricQueries &&
+ Object.keys(metricQueries).map((key: string) => {
+ // todo(amol): need to handle this in fetch
+ const current = metricQueries[key];
+ current.name = key;
+
+ return (
+
+ );
+ })}
+
+ {queryCategory !== EQueryType.PROM && renderQueryButton()}
+
+ {formulaQueries &&
+ Object.keys(formulaQueries).map((key: string) => {
+ // todo(amol): need to handle this in fetch
+ const current = formulaQueries[key];
+ current.name = key;
+
+ return (
+
+ );
+ })}
+ {queryCategory === EQueryType.QUERY_BUILDER &&
+ (!formulaQueries || Object.keys(formulaQueries).length === 0) &&
+ metricQueries &&
+ Object.keys(metricQueries).length > 0 &&
+ renderFormulaButton()}
+
+
+ );
+ };
+ return (
+ <>
+