plausible/analytics
1
1
Fork 0
mirror of https://github.com/plausible/analytics.git synced 2024-11-26 23:27:54 +03:00
Code Issues Packages Projects Releases Wiki Activity

Rename QueryLink's 'data' prop to 'to'

Browse Source 
This fits the existing naming convention from Link better
This commit is contained in:
birjolaxew 2020-11-13 01:35:09 +01:00
parent b4f530f492
commit 2f6d58a8e5
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/js/dashboard/datepicker.js
View File

@ -118,10 +118,10 @@ class DatePicker extends React.Component {
renderArrow(period, prevDate, nextDate) {
return (
<div className="flex rounded shadow bg-white mr-4 cursor-pointer">
<QueryLink query={this.props.query} data={{date: prevDate}} className="flex items-center px-2 border-r border-gray-300">
<QueryLink query={this.props.query} to={{date: prevDate}} className="flex items-center px-2 border-r border-gray-300">
<svg className="feather h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>
</QueryLink>
<QueryLink query={this.props.query} data={{date: nextDate}} className="flex items-center px-2">
<QueryLink query={this.props.query} to={{date: nextDate}} className="flex items-center px-2">
<svg className="feather h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>
</QueryLink>
</div>
@ -192,7 +192,7 @@ class DatePicker extends React.Component {
if (opts.date) { opts.date = formatISO(opts.date) }
return (
<QueryLink query={this.props.query} data={{period, ...opts}} onClick={this.close.bind(this)} className={boldClass + ' block px-4 py-2 text-sm leading-tight hover:bg-gray-100 hover:text-gray-900'}>
<QueryLink query={this.props.query} to={{period, ...opts}} onClick={this.close.bind(this)} className={boldClass + ' block px-4 py-2 text-sm leading-tight hover:bg-gray-100 hover:text-gray-900'}>
{text}
</QueryLink>
)

6
assets/js/dashboard/query.js
View File

@ -76,13 +76,13 @@ class QueryLink extends React.Component {
onClick(e) {
e.preventDefault()
navigateToQuery(this.props.history, this.props.query, this.props.data)
navigateToQuery(this.props.history, this.props.query, this.props.to)
if (this.props.onClick) this.props.onClick(e)
}
render() {
const { history, query, data, ...props } = this.props
return <Link {...props} to={generateQueryString(data)} onClick={this.onClick} />
const { history, query, to, ...props } = this.props
return <Link {...props} to={generateQueryString(to)} onClick={this.onClick} />
}
}
const QueryLinkWithRouter = withRouter(QueryLink)