jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui) - chart colors and session item play right click

Browse source
This commit is contained in:
Shekar Siri 2022-02-08 17:58:50 +01:00
parent ac5c08adbd
commit 5cf4e41e5f
4 changed files with 5 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidget/CustomMetricWidget.tsx
View file

@ -45,7 +45,7 @@ function CustomMetricWidget(props: Props) {
const [data, setData] = useState<any>([]);
const [seriesMap, setSeriesMap] = useState<any>([]);
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 }

2
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetricWidgetPreview/CustomMetricWidgetPreview.tsx
View file

@ -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}
/>

2
frontend/app/components/Dashboard/Widgets/common/Styles.js
View file

@ -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;

12
frontend/app/components/shared/SessionItem/SessionItem.js
View file

@ -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 {
</div>
<div className={ stl.playLink } id="play-button" data-viewed={ viewed }>
<div onClick={this.replaySession}>
<Link to={ sessionRoute(sessionId) }>
<Icon name={ viewed ? 'play-fill' : 'play-circle-light' } size="30" color="teal" />
</div>
</Link>
</div>
</div>
</div>