create and integrate a clientside resource client factory

Signed-off-by: Daniel Rowe <[email protected]>

Author: d-buckner

src/plugins/discover/public/application/view_components/utils/use_prometheus.ts

@@ -41,6 +41,11 @@ export const usePrometheus = (): PrometheusContext => {
     const metricMetadata = await prometheusResourceClient.getMetricMetadata('my_prometheus');
     const metrics = Object.keys(metricMetadata).sort();
     setMetricNames(metrics);
+
+    if (!data.query.queryString.getQuery().query) {
+      setSelectedMetricName(metrics[0]);
+    }
+    /* eslint-disable-next-line react-hooks/exhaustive-deps */
   }, [prometheusResourceClient]);
 
   useEffect(() => {