feat(ui) - custom metrics - chart click handler

frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidget/CustomMetricWidget.tsx

@@ -75,9 +75,12 @@ function CustomMetricWidget(props: Props) {
   }, [period])
 
   const clickHandler = (event, index) => {
-    const timestamp = event.activePayload[0].payload.timestamp;
-    const { startTimestamp, endTimestamp } = getStartAndEndTimestampsByDensity(timestamp, period.start, period.end, params.density);
-    props.setActiveWidget({ widget: metric, startTimestamp, endTimestamp, timestamp: event.activePayload[0].payload.timestamp, index })
+    if (event) {
+      const payload = event.activePayload[0].payload;
+      const timestamp = payload.timestamp;
+      const { startTimestamp, endTimestamp } = getStartAndEndTimestampsByDensity(timestamp, period.start, period.end, params.density);
+      props.setActiveWidget({ widget: metric, startTimestamp, endTimestamp, timestamp: payload.timestamp, index })
+    }
   }
 
   const updateActiveState = (metricId, state) => {

frontend/app/components/shared/CustomMetrics/FilterSeries/SeriesName/SeriesName.tsx

@@ -1,4 +1,3 @@
-import { edit } from 'App/components/ui/ItemMenu/itemMenu.css';
 import React, { useState, useRef, useEffect } from 'react';
 import { Icon } from 'UI';
 

frontend/app/duck/customMetrics.js

@@ -131,12 +131,14 @@ export function fetch(id) {
 	}
 }
 
-export function save(instance) {
-  return {
+export const save = (instance) => (dispatch, getState) => {
+  return dispatch({
     types: SAVE.array,
     call: client => client.post( `/${ instance.exists() ? name + 's/' + instance[idKey] : name + 's'}`, instance.toSaveData()),
-  };
-}
+  }).then(() => {
+    dispatch(fetchList());
+  });
+};
 
 export function fetchList() {
   return {