[klogs] Fix Page Parameter (#579)

When a query in the klogs plugin was adjusted, the page parameter still
had the old value of the selected page, which could result in an empty
result table. To fix this the page parameter is now always reset to 1
when a query or the time range is adjusted.

Author: ricoberger

app/packages/klogs/src/components/LogsPage.tsx

@@ -248,14 +248,15 @@ const LogsToolbar: FunctionComponent<{
         ...times,
         order: additionalFields[1].value === 'ascending' ? 'ascending' : 'descending',
         orderBy: additionalFields[0].value,
+        page: 1,
         query: query,
       });
     }
   };
 
   const handleSubmit = () => {
     addStateHistoryItem('kobs-klogs-queryhistory', query);
-    setOptions({ ...options, query: query });
+    setOptions({ ...options, page: 1, query: query });
   };
 
   useEffect(() => {
@@ -388,22 +389,22 @@ const LogsPage: FunctionComponent<IPluginPageProps> = ({ instance }) => {
    * `setTimes` changes the users selected time range to the provided `times`.
    */
   const setTimes = (times: ITimes) => {
-    setOptions({ ...options, ...times });
+    setOptions({ ...options, ...times, page: 1 });
   };
 
   /**
    * `addFilter` adds the given filter as string to the query, so that it can be used to filter down an existing query.
    */
   const addFilter = (filter: string) => {
-    setOptions({ ...options, query: `${options.query} ${filter}` });
+    setOptions({ ...options, page: 1, query: `${options.query} ${filter}` });
   };
 
   /**
    * `changeOrder` changes the order parameters for a query, to the provided `order` and `orderBy` values.
    */
   const changeOrder = (orderBy: string): void => {
     const isAscending = options.orderBy === orderBy && options.order === 'ascending';
-    setOptions({ ...options, order: isAscending ? 'descending' : 'ascending', orderBy: orderBy });
+    setOptions({ ...options, order: isAscending ? 'descending' : 'ascending', orderBy: orderBy, page: 1 });
   };
 
   return (