Implemented from-to inputs

studio/components/interfaces/Settings/Logs/LogPanel.tsx

@@ -86,7 +86,7 @@ const LogPanel: FC<Props> = ({
     }
   }
 
-  const handleFromChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const handleToChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value
     if (value !== '' && isNaN(Date.parse(value))) {
       setTo({ value, error: 'Invalid ISO 8601 timestamp' })

studio/pages/project/[ref]/settings/logs/[type].tsx

@@ -91,6 +91,18 @@ export const LogPage: NextPage = () => {
     }
   }, [s, te, ts])
 
+  useEffect(() => {
+    router.push({
+      pathname: router.pathname,
+      query: {
+        ...router.query,
+        q: undefined,
+        s: filters.search_query || '',
+        ts: params.timestamp_start,
+        te: params.timestamp_end,
+      },
+    })
+  }, [params.timestamp_end, params.timestamp_start, filters.search_query])
   const onSelectTemplate = (template: LogTemplate) => {
     setFilters((prev) => ({ ...prev, search_query: template.searchString }))
   }