diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidget/CustomMetricWidget.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidget/CustomMetricWidget.tsx index 8c6657ff4..bbf37408a 100644 --- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidget/CustomMetricWidget.tsx +++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidget/CustomMetricWidget.tsx @@ -45,7 +45,7 @@ function CustomMetricWidget(props: Props) { const [data, setData] = useState([]); const [seriesMap, setSeriesMap] = useState([]); - const colors = compare ? Styles.compareColors : Styles.colors; + const colors = Styles.customMetricColors; const params = customParams(period.rangeName) const gradientDef = Styles.gradientDef(); const metricParams = { ...params, metricId: metric.metricId, viewType: 'lineChart', startDate: period.start, endDate: period.end } diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidgetPreview/CustomMetricWidgetPreview.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidgetPreview/CustomMetricWidgetPreview.tsx index 29c4da903..05b08263d 100644 --- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidgetPreview/CustomMetricWidgetPreview.tsx +++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidgetPreview/CustomMetricWidgetPreview.tsx @@ -134,7 +134,7 @@ function CustomMetricWidget(props: Props) { stroke={colors[index]} fillOpacity={ 1 } strokeWidth={ 2 } - strokeOpacity={ 1 } + strokeOpacity={ 0.6 } // fill="url(#colorCount)" dot={false} /> diff --git a/frontend/app/components/Dashboard/Widgets/common/Styles.js b/frontend/app/components/Dashboard/Widgets/common/Styles.js index f3ea90212..45d3fb7cc 100644 --- a/frontend/app/components/Dashboard/Widgets/common/Styles.js +++ b/frontend/app/components/Dashboard/Widgets/common/Styles.js @@ -4,7 +4,7 @@ const colors = ['#3EAAAF', '#5FBABF', '#7BCBCF', '#96DCDF', '#ADDCDF']; const colorsx = ['#256669', '#38999e', '#3eaaaf', '#51b3b7', '#78c4c7', '#9fd5d7', '#c5e6e7'].reverse(); const compareColors = ['#394EFF', '#4D5FFF', '#808DFF', '#B3BBFF', '#E5E8FF']; const compareColorsx = ["#222F99", "#2E3ECC", "#394EFF", "#6171FF", "#8895FF", "#B0B8FF", "#D7DCFF"].reverse(); -const customMetricColors = ['#3EAAAF', '#3EAAAF', '#394EFF']; +const customMetricColors = ['#3EAAAF', '#394EFF', '#333333', ]; const countView = count => { const isMoreThanK = count >= 1000; diff --git a/frontend/app/components/shared/SessionItem/SessionItem.js b/frontend/app/components/shared/SessionItem/SessionItem.js index c1c20fe13..f6e3dd3f2 100644 --- a/frontend/app/components/shared/SessionItem/SessionItem.js +++ b/frontend/app/components/shared/SessionItem/SessionItem.js @@ -29,14 +29,6 @@ const Label = ({ label = '', color = 'color-gray-medium'}) => ( }), { toggleFavorite, setSessionPath }) @withRouter export default class SessionItem extends React.PureComponent { - - replaySession = () => { - const { history, session: { sessionId }, siteId, isAssist } = this.props; - if (!isAssist) { - this.props.setSessionPath(history.location.pathname) - } - history.push(withSiteId(sessionRoute(sessionId), siteId)) - } // eslint-disable-next-line complexity render() { const { @@ -122,9 +114,9 @@ export default class SessionItem extends React.PureComponent {
-
+ -
+