From 9719c83364d31b8848c408d4b6dece4566390ac5 Mon Sep 17 00:00:00 2001
From: birjolaxew <johanringmann@gmail.com>
Date: Fri, 13 Nov 2020 01:37:59 +0100
Subject: [PATCH] Prioritize order of props when using QueryLink for
 readability

---
 assets/js/dashboard/datepicker.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/js/dashboard/datepicker.js b/assets/js/dashboard/datepicker.js
index 91f74c7b9..855884b5e 100644
--- a/assets/js/dashboard/datepicker.js
+++ b/assets/js/dashboard/datepicker.js
@@ -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} to={{date: prevDate}}  className="flex items-center px-2 border-r border-gray-300">
+        <QueryLink to={{date: prevDate}} query={this.props.query} 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} to={{date: nextDate}} className="flex items-center px-2">
+        <QueryLink to={{date: nextDate}} query={this.props.query} 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} 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'}>
+      <QueryLink to={{period, ...opts}} onClick={this.close.bind(this)} query={this.props.query} className={boldClass + ' block px-4 py-2 text-sm leading-tight hover:bg-gray-100 hover:text-gray-900'}>
         {text}
       </QueryLink>
     )