diff --git a/studio/components/interfaces/Settings/Logs/LogPanel.tsx b/studio/components/interfaces/Settings/Logs/LogPanel.tsx index 7f4d8eb7df1..0a4f2db519f 100644 --- a/studio/components/interfaces/Settings/Logs/LogPanel.tsx +++ b/studio/components/interfaces/Settings/Logs/LogPanel.tsx @@ -86,7 +86,7 @@ const LogPanel: FC = ({ } } - const handleFromChange = (e: React.ChangeEvent) => { + const handleToChange = (e: React.ChangeEvent) => { const value = e.target.value if (value !== '' && isNaN(Date.parse(value))) { setTo({ value, error: 'Invalid ISO 8601 timestamp' }) diff --git a/studio/pages/project/[ref]/settings/logs/[type].tsx b/studio/pages/project/[ref]/settings/logs/[type].tsx index 562aa9e9296..f279d8a08fd 100644 --- a/studio/pages/project/[ref]/settings/logs/[type].tsx +++ b/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 })) }